Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abhishek-bharti1/movie-app
Movie APP with trending movies and shows with filter search functionalities.
https://github.com/abhishek-bharti1/movie-app
react-lazy-load-image-component reactjs redux-toolkit scss tmdb-api
Last synced: about 10 hours ago
JSON representation
Movie APP with trending movies and shows with filter search functionalities.
- Host: GitHub
- URL: https://github.com/abhishek-bharti1/movie-app
- Owner: Abhishek-Bharti1
- Created: 2024-06-06T06:13:15.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-06-06T06:28:47.000Z (5 months ago)
- Last Synced: 2024-06-06T07:36:49.100Z (5 months ago)
- Topics: react-lazy-load-image-component, reactjs, redux-toolkit, scss, tmdb-api
- Language: JavaScript
- Homepage: https://movie-app-five-lac.vercel.app/
- Size: 646 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project - MoViX FliX
## Overview
Movix Flix is a dynamic movie application designed to provide users with comprehensive information about movies. With MovixFlix, users can effortlessly browse through a vast collection of movies, explore detailed information, and utilize advanced search and filtering functionalities. Whether you're a casual moviegoer or a passionate cinephile, MovixFlix offers a seamless and immersive movie browsing experience.
## Features
- Feature 1: Effortlessly search for movies using the intuitive search bar
- Feature 2: Customize your movie browsing experience with advanced filtering and sorting options.
- Feature 3: Immerse yourself in an aesthetically pleasing user interface adorned with captivating movie descriptions.## Installation
To run this project locally, follow these steps:
1. Clone the repository to your local machine using `git clone https://github.com/Abhishek-Bharti1/movie-app`
2. Navigate into the project directory using `cd movie-app`
3. Install dependencies by running `npm install`
4. Start the development server with `npm run dev`
5. Navigate to localhost url## Technologies Used
- React: A JavaScript library for building user interfaces.
- Redux Toolkit: A toolset for managing state in React applications.
- SCSS: A CSS preprocessor that adds power and elegance to the basic CSS syntax.
- React Lazy Component: A React library for lazy loading components.
- TMDB API: To fetch movies.![image](https://github.com/Abhishek-Bharti1/movie-app/assets/97494868/9cc82128-4b49-4c54-b875-e5f769d6d1b6)
![image](https://github.com/Abhishek-Bharti1/movie-app/assets/97494868/d5794604-9f2c-4b17-9744-5ac211265f12)
![image](https://github.com/Abhishek-Bharti1/movie-app/assets/97494868/a1c659e5-1247-4faa-8075-b01778ed5d10)