https://github.com/daaniissh/movieflair
MovieFlair is a web application built using React.js, Tailwind CSS, Framer motion ,Axios, React Icons, and React Spinner. It leverages the power of the TMDb (The Movie Database) API to provide users with a comprehensive platform to explore movies and TV shows.
https://github.com/daaniissh/movieflair
Last synced: about 1 month ago
JSON representation
MovieFlair is a web application built using React.js, Tailwind CSS, Framer motion ,Axios, React Icons, and React Spinner. It leverages the power of the TMDb (The Movie Database) API to provide users with a comprehensive platform to explore movies and TV shows.
- Host: GitHub
- URL: https://github.com/daaniissh/movieflair
- Owner: daaniissh
- Created: 2023-05-08T14:43:26.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-05-16T02:43:43.000Z (almost 2 years ago)
- Last Synced: 2025-01-26T16:14:53.574Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 64.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: REadme.md
Awesome Lists containing this project
README
# MovieFlair App
This is a web application built using React.js, Tailwind CSS, Axios,Framer motion, React Icons, React Spinner, and The Movie DB API. The app allows users to search for movies
## Screenshots
## Features
- Search for movies, TV shows, and actors/actresses
- Filter search results by popularity, rating, and release date
- Display of loading spinner while data is being fetched
- Responsive design using Tailwind CSS
- Better animation using Framer motion
## Technologies Used
- React.js
- Tailwind CSS
- Axios
- React Icons
- React Spinner
- Framer Motion
- The Movie DB API
Open your browser and visit `https://b2jz31-5173.csb.app/` to access the application.
## Acknowledgments
This app was built as a project for learning React.js, Tailwind CSS, Axios, and working with API data. The Movie DB API was used for fetching movie, TV show, and actor/actress data.
## API Reference
To use this app, simply clone the repository and install the necessary dependencies using `npm install`. You will also need to obtain an API key from The Movie DB API website and update the `home.jsx`
_API_KEY_ variable set your API key. Once the dependencies have been installed and the API key has been updated, you can start the development server by running `npm start`.
## Installation
Clone the repository : https://github.com/daaniissh/MovieFlair.git
```bash
git clone https://github.com/daaniissh/MovieFlair.git
cd my-project
```