Getting Started with the Project

This project was bootstrapped with Create React App and ExpressJS powered by Node Runtime v18.0.0.

Available Scripts

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:

`turbo run dev`

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.

Project Description

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

Test Credentials

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.

Project Structure

├───apps
│   ├───server
│   │   ├───controllers
│   │   ├───db
│   │   │   ├────users.json
│   │   │   └────courses.json
│   │   ├───routes
│   │   └───config
│   └───ui
│       ├───public
│       └───src
│           ├───components
│           ├───pages
│           ├───redux
│           └───styles
└───node_modules

Learn More

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.

Shivam118 / alemeno