Movie App

Check The Live Website ➡️ Live Website

Description

Project aims to create a Movie App.

Visualization of the Website

Project Skeleton

Movie App (folder)
|
|----readme.md
SOLUTION
├── public
│     └── index.html
├── src
│    ├── assest
│    │     ├── avatar.png
│    │     └── ToastMessage.jsx
│    ├── auth
│    │     └── firebase.js
│    ├── components
│    │     ├── footer
│    │     │     ├── footer.jsx
│    │     │     └── footer.css
│    │     ├── search.jsx
│    │     ├── MovieCard.js
│    │     ├── VideoSection.js
│    │     └── Navbar.js
│    ├── context
│    │     └── AuthContext.jsx
│    ├── pages
│    │     ├── Login.js
│    │     ├── Register.js
│    │     ├── Main.js
│    │     └── MovieDetail.js
│    ├── router
│    │     ├── PrivateRouter.js
│    │     └── Router.js
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
├── package.json
├── Animation.gif
├── .env
└── yarn.lock

Used in this project

👉 I mastered ReactJS, firebase, Material UI, react-toastify, features in this project. You can see the visual representation of the website above.