Welcome to Tecflix! A web application that allows you to search and explore a wide variety of movies and TV shows.
- 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.
- Frontend: React, Vite, CSS, Bootstrap
- API: The Movie Database (TMDB) API
- Routing: React Router
- Additional Components:
react-floating-whatsapp
: For customer support.
Follow these steps to set up and run the project in your local environment:
-
Clone the repository:
git clone https://github.com/rooseveltalej/tecflix-movie-search.git
-
Navigate to the project directory:
cd tecflix-movie-search
-
Install dependencies:
npm install
-
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
-
Start the development server:
npm run dev
The application will be available at
http://localhost:5173
.
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.