MovieMania is a Themoviedb movie Database! "Millions of movies to discover..."
Vite React App using movie search function, with poster and video display
Fully responsive
- mobile and desktop devices friendly
Main implemented features
- sticky navigation bar
- search component
- poster and video modal components
- simple fluid transitions
- contact form linked to EmailJS
- Light or dark theme according to user preferred color scheme
Use of
- Vite React Vite
- Themoviedb API
- Unit tests Vitest + React Testing Library
- End to end tests Cypress
- Languages HTML5 - CSS3 - JSX React
- Code editor VSCode
- Version control Git
- Markdown --> my VSCode Markdown All in One extension
- CI/CD --> Github actions
Open MovieMania in your favorite browser
Enter a movie title in the search bar
Click on the poster of your choice to enlarge it
Click outside to come back to the main page
Click on the Details button to see the available information including some Youtube trailers and videos for the most famous
Click on a video to watch it if available
Navigate to About and Contact pages to get more information about the developer
Pull requests are welcome
-
fork this repository
git clone https://github.com/Catevika/React_movie-mania.git
-
change your working directory
cd <your working directory>
-
create your feature branch
git checkout -b <your new feature name>
-
to start working on the created branch
npm install npm run dev
-
commit your changes
git commit -am 'Add some new feature'
-
Push to the branch
git push origin <your new feature name>
-
create a new Pull Request with a simple description
Do not hesitate to ask questions, send issues or report bugs if any
Do not forget to ⭐ this project if you like it. Thank you!
MIT © Dominique Bello aka Catevika