gregorispielmann / gobarber

Full Stack App made with ReactJS, React Native and Node.js - Including MongoDB

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gobarber

Status License


This app is a full barber manager called Gobarber.
In this challenge was built some basic funcionalities to the barber manager and clients. The concept was a web app to barbers control schedules made by clients. After we made a Mobile App (iOS Only) for the clients do schedules at the barbers.

๐Ÿ“ Table of Contents

๐Ÿง About

This project was made to be a full stack application including front-end, back-end and mobile.

๐Ÿ Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

What things you need to install the software and how to install them.

  • Docker - Container Platform
  • Yarn - Package Manager

Installing

A step by step series of examples that tell you how to get a development env running.

Cloning Repo

$ git clone https://github.com/gregorispielmann/gobarber.git

Containers

First of all you need to create the containers (Postgres and redis), after install docker run the following command on your terminal

IMPORTANT! Replace ???? by an available port

$ docker run --name gobarber -e POSTGRES_PASSWORD=docker -p ????:5432 -d postgres:11
To create the container for Postgres DB

And then

$ docker run --name redisgobarber -p ????:6379 -d -t redis:alpine
To create the container to Redis

Database

Before run backend you will need create the postgres database in our container. For this I highly recommend you to use Postbird. Then connect with your information (Postgres container) and create the database with name 'gobarber' before you go to next step.

Backend

After create and run all containers, create the postgres database you will be ready to initialize the backend.

Inside the backend folder run commands below.

$ yarn
To install all dependencies

$ yarn sequelize db:migrate
To run all migrations to database

$ yarn sequelize db:seed:all
To seed database with fake data

ATTENTION! Before you start the development mode of backend, you will need edit the .envexample to your information and rename the file to .env

After this you only need to run command below

$ yarn dev
This will start backend in dev mode

$ yarn queue
This will start the redis task queue

Frontend (Web)

Demo

How to run?

After run backend.

$ yarn
To install all dependencies

$ yarn start
To run react application

Mobile (:apple: iOS Only)

Demo

How to run?

After run backend, inside the mobile folder run commands below.

$ yarn
To install all dependencies

$ cd ios && pod instal && cd ..
To install all cocoa pods dependencies

$ react-native run-ios
To run react application

๐ŸŽˆ Usage

Web

Running the app you will signin with login info below

Login: demo@prestador.com
Password: demo123

Mobile

You will only need an E-mail and a Password from a client that is not a provider.

โ›๏ธ Built Using

โœ๏ธ Authors

TODO

  • Android mobile app
  • Aditional features to web and mobile

Made with โ˜•๏ธ and โค๏ธ by Gregori Spielmann

About

Full Stack App made with ReactJS, React Native and Node.js - Including MongoDB


Languages

Language:JavaScript 88.2%Language:Objective-C 3.9%Language:Ruby 2.6%Language:Java 2.5%Language:Starlark 1.8%Language:HTML 0.9%