RetroDB

RetroDB is a movie and TV show review site where users can find information on popular, top-rated, currently playing, and upcoming movies and TV shows. The site is built using Vite + React and styled with Tailwind CSS.

Check out the live site here

Features

• Browse Movies and TV Shows: Users can browse popular, top-rated, now playing, airing today, and on air movies and TV shows.
• Search Functionality: Users can search for movies and TV shows.
• Detailed Information: Detailed information on each movie and TV show including rating, overview, cast, and crew.
• Responsive Design: Fully responsive design ensuring a great user experience on both desktop and mobile devices.
• Pagination: Users can navigate through different pages of content seamlessly.

Technologies Used

• Frontend: React, Vite
• Styling: Tailwind CSS
• Routing: React Router
• API: The Movie Database (TMDb) API
• Hosting: Netlify

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/retrodb.git

2. Navigate to the project directory:

   cd retrodb

3. Install dependencies:

   npm install

4. Create a .env file in the root directory and add your TMDb API key:

   VITE_TMDB_API_KEY=your_api_key_here

5. Start the development server:

   npm run dev

Usage

1. Open your browser and navigate to http://localhost:3000 to see the site in action.
2. Use the search bar to find specific movies or TV shows.
3. Browse through different categories using the navigation bar.
4. Click on any movie or TV show to see detailed information.

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes.
4. Commit your changes:

   git commit -m 'Add some feature'

5. Push to the branch:

   git push origin feature/your-feature-name

6. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Acknowledgements

• Thanks to The Movie Database (TMDb) for providing the API used in this project.
• This project was bootstrapped with Vite.

Contact

If you have any questions or suggestions, feel free to open an issue or contact me directly at tdmahindarathne@gmail.com