Cipher Movies is a React-based web application that allows users to explore popular, upcoming, and trending movies, along with their ratings. Built with Tailwind CSS for styling, this project demonstrates responsive design principles, ensuring a seamless user experience across various devices.
- Discover Movies: Explore a curated list of popular, upcoming, and trending movies.
- Movie Details: Click on movie posters to view detailed information about each movie.
- Responsive Design: Enjoy a visually appealing and user-friendly interface on any device or screen size.
- Dark Mode: Toggle between light and dark modes for personalized viewing.
- React: JavaScript library for building user interfaces
- Tailwind CSS: Utility-first CSS framework for styling
- Third-party API: Integration of external data source for fetching movie data
-
Clone the repository:
git clone https://github.com/chandanck22/ciphermovies.git
-
Navigate to the project directory:
cd ciphermovies
-
Install dependencies:
npm install
-
Create
.env
file and paste your API keyREACT_APP_API_KEY = PASTE_API_KEY_HERE
-
Start the development server:
npm start
-
Open http://localhost:3000 in your browser to view the application.
- Movie data provided by The Movie DB.
- Built with React and Tailwind CSS.