This frontend application is responsibile for taking care of the following user activities on the portal:

1. View all the movie titles with their posters under a different movie types which include -
   • Movies in theaters
   • Coming soon
   • Top rated Indian
   • Top rated movies
     
     
2. When under any movie type, search for a particular movie by typing the movie name in the searchbar
   • Searchbar is case and space insensitive
   • Default message if movie is not found using the name and/or connection error
     
     
3. View all the details of a particular movie by the click of a button
   • Expand the movie poster by clicking on the preview button in the details page
     
     
4. Favourite any movie by clicking the 'favourite' button
   • Button is disabled if the movie is already present in favourites list
     
     
5. Remove a favourite movie from the favourites list

1. Home
   • Landing Page
   • Movies in theatre
   • Coming soon
   • Top rated Indian
   • Top rated movies
   • Favourties
   • Movie Details
     
     
2. Movie Card Item
   • Poster
   • Movie Title
   • Info button
   • Favourtie button

Contains all the public pages of the website which consist of a page for every movie type, favourties list and details of each movie.

A card template to place title, poster of each movie and two buttons - view movie details and add/remove from favourites list.

1. React - v18.2.0
2. Typescript - v4.8.4
3. Bootstrap - v5.2.2
4. React-bootstrap - v2.6.0
5. React Router - v5.3.4
6. Axios - v1.1.3

1. JSON Server - v0.17.1

1. Download and install the latest version of Node.js for development

1. Clone the repo to your folder of choice
2. Open the folder with VSCode (recommended)
3. Open the terminal and install all dependencies using npm install
4. Change directory to 'server' usign cd server
5. Run npm run start-server to start the JSON server service on http://localhost:4001
6. Open another instance of the terminal and change directory to 'client' using cd client
7. Run npm run start to start the react application
8. Hit http://localhost:3000 to access the frontend application