Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emersonramos3lt/movie-finder-react
A responsive React app that lets users search movies, view release dates, and key details using TMDB and Appwrite.
https://github.com/emersonramos3lt/movie-finder-react
api back-end backend database front-end frontend hook hooks-api-react html javascript react react-components react-hooks reactjs responsive tailwind tailwindcss useffect-hook usestate
Last synced: 1 day ago
JSON representation
A responsive React app that lets users search movies, view release dates, and key details using TMDB and Appwrite.
- Host: GitHub
- URL: https://github.com/emersonramos3lt/movie-finder-react
- Owner: emersonramos3lt
- Created: 2025-02-01T13:39:25.000Z (10 days ago)
- Default Branch: main
- Last Pushed: 2025-02-01T14:43:41.000Z (10 days ago)
- Last Synced: 2025-02-01T15:28:05.274Z (10 days ago)
- Topics: api, back-end, backend, database, front-end, frontend, hook, hooks-api-react, html, javascript, react, react-components, react-hooks, reactjs, responsive, tailwind, tailwindcss, useffect-hook, usestate
- Language: JavaScript
- Homepage: https://movie-finder-react-psi.vercel.app
- Size: 5.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **🎬 Movie Search App**
This project is a **responsive React application** that allows users to **search for their favorite movies** and access key details, such as **release dates** and **descriptions**. It leverages the **TMDB API** to fetch movie data and uses **Appwrite** to track and display the most searched movies within the app.
To optimize performance, the app implements **debounce** to reduce unnecessary API requests while users type in the search bar. Additionally, frequently searched movie titles are **ranked at the top** based on user searches, making it easier to discover trending films.
---
## 👨💻 Test yourself
1. **Download** the project files to your local machine.
2. Open your terminal or command prompt.
3. Navigate to the project directory and run the following command to install all the necessary dependencies:
```bash
npm install
```
4. Once the installation is complete, run the application with:
```bash
npm start
```
---
# **🛠️ Main Features**
✅ **React for dynamic UI**
✅ **TMDB API for movie search & details**
✅ **Appwrite for tracking and ranking most searched movies**
✅ **Debounce implementation to minimize API requests**
✅ **Fully responsive design for all devices**
---
# **📷 Screenshots**
