AllActivities Task

This is a Fullstack Web App using React as Frontend and Node as Backend.

Backend Server

Technology Used

• Node.js.
• Express.js.
• MySQL.
• Typescript.
• Service Repository Controller Pattern.

Frontend

Technology Used

• React.js.
• React-router-dom.
• HTML.
• CSS.
• JavaScript.

Installation

Server Installation

• open the root directory and run npm install to install all server dependencies.
• import all_activity_db.sql to MySQL database.
• create .env file in the root directory and this values to it:

PORT=
HOST=
DATABASE_USER=
DATABASE_PASSWORD=
DATABASE_NAME=all_activity_db

• run this command npm start and the server will run correctly.

Client Installation

• run cd ./client to open the React app.
• run npm install to install all project dependencies.
• run npm start to start the React App.

Demo

all.activities.mp4