https://github.com/yevheniiazalevska/filmoteka
A small project with themoviedb API about movies
https://github.com/yevheniiazalevska/filmoteka
api module-css react vercel vite
Last synced: about 2 months ago
JSON representation
A small project with themoviedb API about movies
- Host: GitHub
- URL: https://github.com/yevheniiazalevska/filmoteka
- Owner: YevheniiaZalevska
- Created: 2024-12-29T10:59:11.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-06T13:25:24.000Z (about 2 months ago)
- Last Synced: 2025-03-06T14:28:02.193Z (about 2 months ago)
- Topics: api, module-css, react, vercel, vite
- Language: JavaScript
- Homepage: https://filmoteka-eta.vercel.app/
- Size: 2.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎥 Filmoteka
**Filmoteka** is a personal project — a modern movie library application built with **React**. The app allows users to search for movies, view detailed information and whatch the trailers.
## 🌐 Links
- **GitHub Repository:** [Filmoteka Repo](https://github.com/YevheniiaZalevska/Filmoteka)
- **Live Demo:** [Filmoteka Live](https://filmoteka-eta.vercel.app/)
## 📖 About the Project
Filmoteka connects to **The Movie Database (TMDB) API** and displays up-to-date information about movies, including posters, ratings, genres, and release dates.
### Key Features
✅ Search for movies by title
✅ View detailed movie information
✅ Smooth navigation with React Router
✅ Responsive design for desktop, tablet, and mobile
---
## 🛠️ Technologies Used
| Technology | Purpose |
|---|---|
| React | Main framework |
| React Router | Page navigation |
| Axios | Handling API requests |
| TMDB API | Movie data source |
| CSS Modules | Styling components |
| Vercel | Deployment |
---
## 📂 Project Structure
---
## 🚀 Run Locally
To run the project locally:
1. Clone the repository:
```bash
git clone https://github.com/YevheniiaZalevska/Filmoteka.git
```
2. Go to the project folder:
```bash
cd Filmoteka
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser.
---
## 💡 What I Learned
This project helped me gain hands-on experience with:
- React component structure and routing
- Working with multiple external APIs
- Managing component-level styles with CSS Modules
- Building dynamic pages with real-time data
- Implementing responsive design principles
---
## 👩💻 Author
- [Yevheniia Zalevska](https://github.com/YevheniiaZalevska)
---