Movie App with Redux, TailwindCSS, Firebase, Toastify, axios and ContextAPI

Description

Project aims to create a Movie App, which is getting data from The Movie DB API. In the project Firebase authentication with an email as well as with a Google account has been implemented. Tailwind CSS has been used. Page always shows 20 movies independent from search. One can easily sign up and login and then see details of recently released movies, including trailers.

https://movie-app-api-firebase-tailwind-uuaj.vercel.app

Project Skeleton

009 - Movie App (folder)
|
|----readme.md         # Given to the students (Definition of the project)
SOLUTION
├── public
│     └── index.html
├── src
│    ├── auth
│    │     └── firebase.js
│    ├── components
│    │     ├── MovieCard.js
│    │     └── Navbar.js
│    ├── context
│    │     └── AuthContext.js
│    │     └── MovieContext.js
│    ├── pages
│    │     ├── Login.js
│    │     ├── Register.js
│    │     ├── Main.js
│    │     └── MovieDetail.js
│    ├── router
│    │     └── Router.js
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
├── package.json
├── .env
└── yarn.lock

Outcome

At the end of the project, following topics are to be covered;

-HTML, CSS, React, Firebase Authentication, TailwindCSS, axios, React toastify, contextAPI