SvelteTMDB

Sveltetmdb

A Svelte app to explor The Movie Database

MovieDB Browser

A modern and interactive web application that allows users to browse movies from the popular MovieDB API. With the MovieDB Browser, users can explore movies by different genres, sort them alphabetically, and access details about each movie.

Features

  • Browse Movies: Explore a collection of movies from the MovieDB.
  • Filter by Genre: Choose a genre and see movies that match your taste.
  • Infinite Loading: Keep scrolling to load more movies.
  • Responsive Design: Enjoy a user-friendly experience on all devices.

Getting Started

These instructions will guide you through setting up the project locally.

Prerequisites

  • Node.js
  • npm

Installation

  1. Clone the Repository:

    git clone https://github.com/yourusername/moviedb.git
    cd moviedb
    
  2. Install Dependencies:

    npm install
    
  3. Create Environment Variables: Create a .env file in the root directory and add your MovieDB API key:

    VITE_API_KEY=your_api_key_here
    
  4. Start the Development Server:

    npm run dev
    

    The application should now be running on http://localhost:3000.

Contributing

If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.

  1. Fork the Repository: Click the 'Fork' button at the top right of this page.

  2. Clone your Fork:

    git clone https://github.com/yourusername/moviedb.git
    cd moviedb
    
  3. Create a Feature Branch:

    git checkout -b feature/your-feature
    
  4. Make your Changes and commit:

    git commit -m "Add some feature"
    
  5. Push to GitHub:

    git push origin feature/your-feature
    
  6. Create a New Pull Request: Go to your fork on GitHub and click the 'New Pull Request' button.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

  • Thanks to MovieDB for providing the API.

Happy coding!


Top categories

Loading Svelte Themes