https://github.com/biplo12/hurtopony-rt
https://github.com/biplo12/hurtopony-rt
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/biplo12/hurtopony-rt
- Owner: Biplo12
- Created: 2025-03-05T21:57:04.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-09T23:55:16.000Z (3 months ago)
- Last Synced: 2025-03-10T00:25:39.981Z (3 months ago)
- Language: TypeScript
- Homepage: https://hurtopony-rt.vercel.app
- Size: 269 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Explorer
An interactive web application for browsing and discovering movies, with advanced filtering, sorting, and pagination capabilities.
## Getting Started
### Requirements
- Node.js (version 20.x or newer)
- yarn
- The Movie Database API key (TMDB)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Biplo12/hurtopony-RT.git
cd movie-explorer
```
2. Install dependencies:
```bash
yarn install
```
3. Set up environment variables:
Create a `.env` file in the root directory and add your TMDB API key:
```
THE_MOVIE_DB_API_KEY=your_api_key_here
```
You can obtain an API key by registering at [https://www.themoviedb.org/](https://www.themoviedb.org/) and going to your account settings.
4. Run the development server:
```bash
yarn dev
```
5. Open your browser and navigate to `http://localhost:3000`
### Building for production
```bash
yarn build
yarn start
```
## Features
- Browse movies with detailed information
- Advanced filtering options (by category, year, runtime, rating)
- Search functionality
- Responsive design
- Pagination with preserved state on refresh
- Sort movies by different criteria
## Technologies
- Next.js
- React
- TypeScript
- Zustand (State Management)
- Tailwind CSS
- React Query