AjayMaheshwari23 / FilteringApp

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Aeroplane FilteringApp

This web app filters Aeroplanes on the basis of colors and allows user to sort in either ascending or descending order on the basis of maxspeed , year and pulse-laser.

User can also directly search for a plane from search Box.

Demo video of the project is attached at the end.


Cloning and Running the Application in local

1.) Clone the project into your local local machine

2.) Install all the npm packages. Go into the Server project folder and type the following command to install all npm packages

npm install

3.) Repeat the above step for Frontend folder.

4.) You need to create two .env file's , one in server folder and another one in frontend Folder.

5.) In the env file inside server folder create a variable named DB and assign your mongodB database link to it .

DB = <your-mongodB-database-link>

6.) In the env file inside Frontend folder create a variable named REACT_APP_API_URL and assign your api link to it .

REACT_APP_API_URL = http://localhost:8080/api/movies

7.) In order to run the application Type the following command in server folder then in frontend folder

npm start

The Application Runs on localhost:3000


Demo video

Screen.Recording.2022-12-15.at.8.33.17.AM.mov

About


Languages

Language:JavaScript 59.9%Language:CSS 29.0%Language:HTML 10.3%Language:Shell 0.8%