Fullstack Mern Movie 2022

screenshot of Fullstack Mern Movie 2022
express
react
material-ui

MoonFlix - Fullstack Responsive Movie Website 2022

Overview:

The "Fullstack Responsive Movie Website 2022" is a comprehensive tutorial that guides users through the process of building a responsive movie website using various technologies. The tutorial covers both the front-end and back-end aspects of the website, providing a full-stack development experience.

Features:

  • Create React App: A tool for setting up a modern React project with all the necessary configurations.
  • Material UI: A library that provides pre-designed components and styles for React applications.
  • Mongoose: An Object Data Modeling (ODM) library for MongoDB, allowing easy interaction with the database.
  • ExpressJS: A minimal web application framework for Node.js, used for handling server-side logic and routing.
  • Express Validator: A middleware for Express.js that provides validation and sanitization functions for incoming requests.
  • React Router: A routing library for React applications, enabling navigation between different pages.
  • Formik: A form library for React that simplifies form handling and validation.
  • Yup: A JavaScript schema validation library used in conjunction with Formik for form validation.
  • Axios: A popular HTTP client for making requests from the front-end to the back-end.
  • ThemovieDB: An API service that provides information about movies and TV shows.
  • Swiper: A touch-enabled slider library for carousel-like animations.
  • JWT: JSON Web Token, a standard for token-based authentication and authorization.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.