Skip to content

Tecflix is a university project, a web platform for searching and managing movies using The Movie Database (TMDb) API. Developed with React, react-router-dom, and Bootstrap, it includes functionality for adding movies to favorites and viewing details.

Notifications You must be signed in to change notification settings

rooseveltalej/tecflix-movie-search

Repository files navigation

Tecflix: Movie and TV Show Search App

Tecflix Logo

Welcome to Tecflix! A web application that allows you to search and explore a wide variety of movies and TV shows.

✨ Features

  • Advanced Search: Find detailed information about movies, TV shows, and actors.
  • Trending Content: Discover the week's most popular movies and TV shows.
  • Genre Filtering: Browse content filtered by your favorite genres.
  • User Authentication: Log in to access personalized features.
  • Favorite Lists: Save your favorite movies and TV shows to your profile.
  • Multi-language Support: The interface is available in Spanish and English.
  • Responsive Design: Enjoy an optimal user experience on any device.
  • Trailers and Reviews: Watch trailers and read user reviews.

🚀 Technologies Used

  • Frontend: React, Vite, CSS, Bootstrap
  • API: The Movie Database (TMDB) API
  • Routing: React Router
  • Additional Components:
    • react-floating-whatsapp: For customer support.

⚙️ Installation and Setup

Follow these steps to set up and run the project in your local environment:

  1. Clone the repository:

    git clone https://github.com/rooseveltalej/tecflix-movie-search.git
  2. Navigate to the project directory:

    cd tecflix-movie-search
  3. Install dependencies:

    npm install
  4. Set up environment variables: Create a .env file in the root of the project and add your TMDB API key:

    VITE_API_KEY=YOUR_TMDB_API_KEY
  5. Start the development server:

    npm run dev

    The application will be available at http://localhost:5173.

📖 Usage

Once the application is running, you can:

  • Search: Use the search bar to find movies, series, or actors.
  • Browse by Genre: Select a genre from the dropdown menu to see related content.
  • View Details: Click on any movie or series card to see more details, including the cast and trailer.
  • Log In: Click the "Login" button to authenticate with your TMDB account.
  • Save Favorites: Once logged in, you can add or remove movies and series from your favorites.
  • View Profile: Access your profile to see your custom lists and favorites.

About

Tecflix is a university project, a web platform for searching and managing movies using The Movie Database (TMDb) API. Developed with React, react-router-dom, and Bootstrap, it includes functionality for adding movies to favorites and viewing details.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •