In this project, it is aimed to display cinema posters by using the tmdb api. There is a search feature according to the entered word. If there is no open session in the app when the user clicks the button, the user is redirected to log in to the login page.If the user does not already have a site membership, the user will register by completing the form on the registration page or logging in with google. If the user logged in applicatin, the user is directed to the film details page. Authentication in the application is performed via firebase.
movie-app (folder)
public(folder)
|----index.html
src (folder)
|----app.js
|----app.css
|----index.js
|----index.css
auth (folder)
|----firebase.js
components (folder)
|----MovieCard.jsx
|----Navbar.jsx
context (folder)
|----AuthContextProvider.jsx
helpers (folder)
|----ToastNotify.js
pages (folder)
|----Login.jsx
|----Main.jsx
|----MovieDetail.jsx
|----Register.jsx
router (folder)
|----AppRouter.jsx
|----PrivateRouter.jsx
- Live: Live Website
- React.js
- Javascript
- Html5
- Css3
- Material UI
- Firebase
- Context API
- Axios
- React Router
- React Toastify
- Responsive Design