This project was bootstrapped with Create React App and ExpressJS powered by Node Runtime v18.0.0.
In the project directory, you have to run npm install 3 times for different directories:
Complete Project - [within root directory] - to Install Turbo CLI
npm install
Frontend - [ui directory] - to Install ReactJS
cd .\apps\ui
npm install
Backend - [server directory] - to Install ExpressJS
cd .\apps\server
npm install
To Initialize the project, you have to run the following command from root directory:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
Backend will be automatically running on http://localhost:5000, So Keep your 5000 port free.
You can also check the server using http://localhost:5000/test to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
This project is a simple CRUD application with a login system.
The project is divided into two parts:
Server - Backend
UI - Frontend
JSON File - Database (Local)
The server is built using ExpressJS and the UI is built using ReactJS and Redux.
The server is connected to a local JSON File as a Database.
The UI is connected to the server using Axios.
The state in UI is managed by Redux.
The UI is built using Material UI.
Alemeno.mp4
You can use the following credentials to login:
Note: Email and Password are case sensitive.
Email: test@test.com
Password: 1234
Please note that the password is not encrypted and is stored in plain text for testing purpose only.
├───apps
│ ├───server
│ │ ├───controllers
│ │ ├───db
│ │ │ ├────users.json
│ │ │ └────courses.json
│ │ ├───routes
│ │ └───config
│ └───ui
│ ├───public
│ └───src
│ ├───components
│ ├───pages
│ ├───redux
│ └───styles
└───node_modules
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
To learn ExpressJS, check out the ExpressJS documentation.