AUTHENTICATION PLATFORM REACT / FULLSTACK PROJECT

Languages and tools

REACT, REACT ROUTER, REDUX, REDUX-PERSIST, MATERIAL-UI, MONGODB, AXIOS, JSON WEB TOKENS, BCRYPT, EXPRESS, NODE.JS JAVASCRIPT

Visual Studio Code

What I did

• create and use function components with hooks,
• create routes using React Router,
• store data in a Redux store,
• use Redux-persist to keep state,
• dispatch actions from a component to the store,
• implement an api connected to a MongoDB database using Mongoose,
• send post, get and delete requests from the front to the api using axios
• hash user's password using Bcrypt
• make some routes private using Json Web Tokens

About this project

I created an authentication platform using React, React Router, Redux, MongoDB, Node.js and Material UI. The user should be able to sign-up and/or sign-in. Then they should receive a token allowing them to access a list of their contacts, as well as a form to add a new contact. They can also delete their contacts one at a time and sign-out.

The website

Backend: Project setup

cd backend
npm install

Backend: Run api server

cd backend
node index

Frontend: Project setup

cd frontend
npm install

Frontend: Compiles and serve with hot-reloads

cd frontend
npm start