SwiftCinemaStats

Project Description

Your platform for lightning-fast access to comprehensive movie information and insights. Dive into a treasure trove of quick and detailed movie facts, reviews, and cinematic insights, all delivered at lightning speed to enhance your movie-watching experience. Join us on "SwiftCinemaStats" and stay ahead in the world of films.

Technologies Used

During SwiftCinemaStats' development, several important technologies were used:

• JavaScript with React: Leveraged for frontend development, JavaScript empowered the creation of dynamic and interactive user interfaces. React, a powerful library, facilitated the construction of engaging UI components, enhancing the user experience;

• Express.js: Serving as the backend framework, Express.js streamlined the development of robust APIs, ensuring smooth communication between the frontend and database;

• MongoDB: As the primary database system, MongoDB efficiently managed data storage and retrieval, offering flexibility in handling diverse data formats and scaling as needed;

• Postman: Instrumental in API testing and validation, Postman ensured the reliability and functionality of the APIs, guaranteeing seamless interactions between different components;

Challenges

The most important challenges we encountered during the development:

• Design using CSS instead of Bootstrap(that we didn't knew at the time of development);

• Canceling some plans for the website becuase the API doesn't work as we expected;

Future Plans

Our future plans for the "SwiftCinemaStats" platform include:

• Rewriting the design in Bootstrap for much more flexibility;

• Finding more APIs to add more functionalities for the website such as showing more options for the title of the movie searched;

Setup

Backend Setup:

1. Prerequisites:
   • Inside the server folder,the "seed.js",edit the mongoose connect link with your own MongoDB deployment

2. Run the Server:

   • Navigate to the server directory in your terminal.
   • Run the command npm run devStart

   Frontend Setup:

3. Prerequisites:

   • Make sure Node.js is installed and properly configured on your system.

4. Install Dependencies:

   • Navigate to the Frontend directory in your terminal.
   • Run the following command to install the necessary dependencies:

          npm install
     

5. Run the Frontend:

   • Once the dependencies are installed, run the following command to start the frontend:

        npm start 
     

How to Use

• Home Page

a. On the left,you can see our weekly movie recommendations which you can explore using the 2 arrows on the left and right;

b. On the right you can search the movie you want to see the stats for,by writing its title,and (if there are multiple movies with this title) the year of release. After finishing, click the "Search" button;

c. On the movie page, first of all you can see 2 buttons on top of the page: "Back to Search" and "Add to Watchlist". If you want to remind about this movie for later,press the second button. If any movie is added to the Watchlist,to content of the button will be "Delete from the Watchlist";

d. The stats of the movie includes all the basic important informations about the movie you searched for,including the poster;

• Watchlist Page

a. This page includes all the movies that were added to the watchlist,with their name,year of release and poster. b. Any of these movie can be easily deleted from the watchlist category just by clicking the "Delete" button;

• Browsing History Page

a. Every searched movie will appear on this page,with the informations mentioned on the previous page;

Code contributors

• Mihai Alin Ciobanu : GitHub Profile
• Rares Butuc : GitHub Profile