Lensloria is a sleek, modern web app for discovering and exploring movies and TV shows. Built with React and styled with Tailwind CSS, it provides a seamless user experience with a fully responsive design, dynamic content from The Movie Database (TMDB) API, and an intuitive interface.
- Modern UI: A clean, beautiful, and fully responsive user interface built with Tailwind CSS.
- Dynamic Content: Fetches the latest trending movies, TV shows, and detailed information from the TMDB API.
- Powerful Search: Instantly find any movie or TV show with a real-time search feature.
- Detailed Views: Get comprehensive details for any title, including synopsis, cast, ratings, and trailers.
- Genre Filtering: Browse content by specific genres to discover new favorites.
- Fast & Efficient: Optimized for a smooth and fast browsing experience.
- Framework: React – A powerful JavaScript library for building user interfaces.
- Styling: Tailwind CSS – A utility-first CSS framework for rapid UI development.
- Data: TMDB API – The source for all movie and TV show metadata.
- Routing: React Router – For seamless page navigation within the single-page application.
Follow these steps to get the project running on your local machine.
- Node.js (v14 or later)
- npm or yarn
- A TMDB API Key (You can get one for free by signing up on the TMDB website.)
-
Clone the repository:
git clone https://github.com/Debronejacobs/Movie-Streaming-Site.git cd lensloria -
Install dependencies:
npm install
-
Set up environment variables:
-
Create a file named
.envin the root of your project. -
Add your TMDB API key to this file as shown below:
# Replace with your actual TMDB API key REACT_APP_TMDB_API_KEY=your_api_key_here
Important: This application will not work without a valid TMDB API key.
-
-
Start the development server:
npm run dev
The application should now be running on http://localhost:3000 (or another port if specified).
