This is a documentation of how to create web application in MERN stack from scratch. The app allow user to send email to other users within the app platform. This is project is a good excercise for building one of your familiarize with the Mongo database.
- User management and login flow
- State management with redux
- CRUD for messages
- Error handling and notification
- And more..
When developing a full-stack web, it is common to have the web's backend develop prior to front-end. One of the main reason is that it would be easier to have database ready when implementing the front-end logic of the web.
Project setup
- Setup with express-generator
- Project structure
- Setup app
- Design the endpoints
- Design database schema
- Adding Mongoose middlewares
Basic Features
- Register user account
- User can log in
- Message APIs (Routes, Controllers)
- User APIs (Routes, Controllers)
We will use our newly built Apis from the previous BackEnd instructions:
https://localhost:5000
Let's get started:
Project setup
- Setup a React App
- Project Structure
- Redux configuration
- Private route setting
Redux - Setting up Constant
- Setting up Actions
- Setting up Reducers
Basic Features