This is a student project we made as part of our education at Soy Henry, which consisted of creating a full-stack React application from scratch.
-
Front End:
- HTML - CSS - Javascript
- React
- Redux
- Material-ui
- Animejs
-
Back End:
- Node.js
- Express
- Passport
- Mongoose
- Firebase
-
Database:
- MongoDB
If you want to see the page for yourself, you'll need to do the following:
- Clone the repository
- Create a
.envfile in theclientfolder with the following contents:
REACT_APP_API_URL=http://localhost:3001
-
Install Mongoodb on your computer and create a database called
HenryApp. -
Head to the Googledeveloper consoles to obtain your OAuth keys. If you're unfamiliat with the process, you can find some helpful guides here.
-
Sign up with Mailgun and obtain an API key.
-
Create a
.envfile in in theapifolder with the following contents:
DATABASE_ATLAS=mongodb+srv://HenryApp:HenryAppAtlas@cluster0.bucqc.mongodb.net/test
passportSecret={Anything you want}
googleClientID={Your Google OAuth ID}
googleClientSecret={Your Google OAuth secret}
mailgunApiKey={Your Mailgun API key}
mailgunDomain={Your Mailgun domain}
The app doesn't have any products or users created by default, you'll have to add them yourself! In order to do so, you'll have to log in as an admin. The default admin is:
Email: admin@henry.com
Password: admin
We are a group of 9 Soy Henry students. These are our Github accounts: