Firebase Movie App

What's used in this app ?	How to run ?	Author
React Tailwind CSS Context-Api Firebase Authorization React-router-dom Api-Server	Once you clone the project run pnpm install or yarn install for node modules run pnpm run dev or yarn run dev for open development stage	Take a look at my other projects Visit me on Linkedin
What is this project about ? Data fetched from the IMDB API and present it on website, categorized for easy access. Users can explore various movies and search for specific movie. User can see first 20 movies but can not access any detail about it unless login. To access more content and watch movie trailer, users need to log in, enabling personalized recommendations and a richer experience.

How does my project look

Go To App

Feedback and Collaboration

I value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out. I'm always open to collaboration and welcome the opportunity to work on exciting projects together.

Thank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!

Project Skeleton

Movie App (folder)
|
|-- public
|   |-- favicon.ico
|   |-- index.html
|   |-- logo192.png
|   |-- logo512.png
|   |-- manifest.json
|   |-- robots.txt
|
|-- src
|   |-- assets\icons
|   |    |-- GoogleIcon.js
|   |    |-- avatar.png
|   |
|   |-- auth
|   |   |-- firebase.js
|   |
|   |-- components
|   |   |-- MovieCard.jsx
|   |   |-- Navbar.jsx
|   |   |-- Switch.jsx
|   |   |-- VideoSection.jsx
|   |
|   |-- context
|   |   |-- AuthContext.js
|   |   |-- AuthContext.jsx
|   |   |-- MovieContext.js
|   |   |-- MovieContext.jsx
|   |
|   |-- helpers
|   |   |-- ToastNotify.js
|   |
|   |-- pages
|   |   |-- Login.jsx
|   |   |-- Main.jsx
|   |   |-- MovieDetail.jsx
|   |   |-- Register.jsx
|   |
|   |-- router
|   |   |-- AppRouter.jsx
|   |   |-- PrivateRouter.jsx
|   |
|   |-- App.js
|   |-- index.css
|   |-- index.js
|
|-- .gitignore
|-- README.md
|-- package.json
|-- pnpm-lock.yaml
|-- tailwind.config.js
|-- yarn.lock