kayces / CINEWORLD-NextJS

CineWorld is a movie and tv shows streaming website created using TMDB API in React-Next JS Framework and Tailwind CSS.

Welcome to CineWorld! The World of Cinema.

CineWorld is a movie and tv shows streaming website created using TMDB API in React-Next JS Framework and Tailwind CSS.

Overview

Cineworld is a dynamic and immersive movie streaming website that brings you an extensive collection of films from various genres. Powered by React, Next.js, and Tailwind CSS, Cineworld offers an unparalleled user experience, providing movie enthusiasts with a seamless and entertaining journey through the world of cinema.

##Screenshots

Responsive Design

Key Features

• Vast Movie Collection: Explore a diverse selection of movies and tv shows, ranging from classics to the latest releases, all conveniently accessible in one place.

• User-friendly Interface: Enjoy a sleek and intuitive design that ensures a smooth and enjoyable browsing experience.

• Data-driven Content: Cineworld utilizes the TMDB API to provide up-to-date movie information, including posters, summaries, and ratings.

• Responsive Design: Access Cineworld from any device, as the website is fully responsive and optimized for mobile, tablet, and desktop.

• Fast Loading: Built with Next.js 13, Cineworld boasts lightning-fast loading times, reducing waiting times for an optimal user experience.

Installation and Setup

1. Clone the repository to your local machine:

git clone https://github.com/alanvarghesepaul22/CINEWORLD-NextJS.git
cd CINEWORLD-NextJS

2. Install the dependencies:

npm install

3. Create a .env.local file in the root directory and add your TMDB API key:

API_KEY=your_tmdb_api_key

4. Run the development server:

npm run dev

5. Open your browser and navigate to http://localhost:3000 to access Cineworld.

Tech Stack

• React
• Next.js 13
• Tailwind CSS

Deployment

Cineworld is deployed using Vercel. Any changes pushed to the main branch will trigger an automatic deployment.

Contributing

We welcome contributions from the open-source community! If you find a bug, have a feature request, or want to contribute in any way, please feel free to submit a pull request.

Acknowledgments

• Our gratitude to TMDB for providing the incredible API that powers Cineworld.

• A big thank you to the developers of React, Next.js, and Tailwind CSS for creating these fantastic frameworks that made this project possible.

---

We hope you enjoy exploring Cineworld as much as we enjoyed creating it! Your feedback and support mean the world to us. Feel free to reach out with any questions or suggestions.

Happy movie streaming! 🍿🎥