Skip to content

Develop a movie search app that allows users to search for movies by title or genre, and displays detailed information about each movie. Use React for the front-end and Redux for state management, Typescript for type checking, and TailwindCSS for styling. Host the code on GitHub and deploy the app on Render.

Notifications You must be signed in to change notification settings

Ridwanullahi-code/Movie-Search-App

Repository files navigation

Project Demo

Live Demo

Description

A Movie Search App that allows users to search for movies by title or genre, and displays detailed information about each movie. The application is designed to provide users with a user-friendly interface that displays relevant movie information and allows users to save their favorite movies. Use React for the front end and Redux for state management, JavaScript for creating interactive websites, and CSS for styling. Deploy the app on Render. Follow software development best practices like code reviews, automated testing, and continuous integration.

Features:

  • Home page: A landing page that displays popular movies and provides a search bar to search for movies.
  • Search: A search bar that allows users to search for movies by title, genre, or actor.
  • Movie Details: A page that displays detailed information about a movie, including the title, genre, director, actors, synopsis, and ratings.
  • Favorite Movies: A page that displays a list of the user's favorite movies and allows them to add or remove movies.
  • Login/Sign Up: A page that allows users to create an account or log in to an existing account to save their favorite movies.

Frontend Technology Stack:

  • HTML, CSS, and JavaScript: To build the user interface and create a responsive design.
  • Use HTML Semantic and CSS best practice to improve web accessibility and user experience
  • React.js: To create a dynamic and interactive user interface.
  • Tailwind CSS: To style the application and create a modern and professional look.
  • Use TMDB API : To fetch movie data and display it on the application.
  • Use Redux: To store user's favorite movies and retrieve them when the user logs in.
  • Use GitHub flow
  • Use Gitflow.

Project Deliverables:

  • A functional and responsive application that meets the requirements specified in the project description.
  • Source code with proper documentation.
  • User manual and installation instructions.

Prerequisites:

SETUP

To make use of this project, kindly run any of the following commands.

git clone https://github.com/Ridwanullahi-code/Movie-Search-App.git

or

git clone git@github.com:Ridwanullahi-code/Movie-Search-App.git

INSTALL

npm install

Run On Server

To run the project on server, run below command

npm start

Run Test

To test run the project

Show your support

Give a ⭐️ if you like this project!

Authors

🚀 About Me

I'm full stack software developer, Computer science, and Microverse student.

Stack: Python, JavaScript, Bootstrap, Ruby, Rails, React, Redux. Available for hire!

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page

Acknowledgements

License

This project is MIT licensed.

About

Develop a movie search app that allows users to search for movies by title or genre, and displays detailed information about each movie. Use React for the front-end and Redux for state management, Typescript for type checking, and TailwindCSS for styling. Host the code on GitHub and deploy the app on Render.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published