Skip to content

vaheedsk36/movie-magnet

Repository files navigation

MOVIE MAGNET

Movie Magnet is a web application developed using React. This dynamic and fully responsive platform provides users with an immersive experience, allowing them to explore information and standings of movies and web shows. The app fetches real-time data from TMDB's API, ensuring that users have access to the latest content. It also incorporates various React libraries to enhance usability and functionality as mentioned in the below badges.

React React Router Redux CSS3 SASS Vite ESLint

Key Learnings

  • Learn't about
    • creating react project using vite
    • mixins in sass
    • building complete project using sass without any third-party ui package
    • query params and useParams hook in react-router
    • infinite scroll (using react-infinite-scroller-component)

Preview

image image image image

Setup Instructions

  • Clone the repository and install the packages
  • Remember to setup .env file first
    • copy .env.sample to .env
    • fill it out accordingly

Essential commands

  • Start development server npm run dev
  • Create production build npm run build
  • Check linting using npm run lint