Movie App

Description

Built a Movie App which requires user login and you can search through movies, add to your favourites and check movie details out. You can use the account information below or you can create your own account.

email: user@gmail.com
password: Abcd1234*

Following topics are to be covered;

• ReactJS, Firebase, Tailwind, Toastify, tw-elements, TheMovieDb API

Outcome

Project Skeleton

 Movie App (folder)
|
|---readme.md 
├── public
│     ├── favicon.ico
│     └── index.html
├── src
│    ├── assets
│    │     └── icons
│    ├── auth
│    │     └── firebase.js
│    ├── components
│    │     ├── MovieCard.jsx
│    │     ├── Navbar.jsx
│    │     ├── Footer.jsx
│    │     ├── Switch.jsx
│    │     └── Videosection.jsx
│    ├── context
│    │     ├── AuthContext.js
│    │     └── MovieContext.js
│    ├── helper
│    │     └── ToastNotify.js
│    ├── pages
│    │     ├── Login.jsx
│    │     ├── Register.jsx
│    │     ├── Main.jsx
│    │     ├── Favorites.jsx
│    │     └── MovieDetail.jsx
│    ├── router
│    │     ├── AppRouter.js
│    │     └── PrivateRouter.js
│    ├── App.js
│    ├── index.js
│    └── index.css
├── package.json
├── .env
└── yarn.lock

☺ Happy Coding ✍ - Please feel free to check ! 🙃