Pop and Chill is a dynamic movie website with captivating landing pages and background videos showcasing new movies. Users can watch trailers of any clicked movie.
Pop and Chill is an exciting movie-focused website that provides users with a visually engaging experience. The landing page is designed to captivate visitors with background videos showcasing trailers of the latest movies. Users can click on any movie to watch its trailer and get a glimpse of the movie's highlights.
- Engaging Landing Page: The landing page features captivating background videos that grab users' attention and create an immersive movie-watching atmosphere.
- Movie Trailers: Users can click on any movie displayed on the landing page to instantly watch its trailer.
- Dynamic Content: The website keeps the content up-to-date, showcasing new movie releases and trailers.
- User-Friendly Interface: The intuitive interface ensures seamless navigation and interaction for users of all levels.
To run Pop and Chill locally on your development environment, follow these steps:
- Clone the repository:
git clone [repository-url] - Navigate to the project directory:
cd pop-and-chill - Install the dependencies:
npm install - Start the development server:
npm run dev - Open your browser and visit:
http://localhost:3000
You can also view the live version of the Pop and Chill website at: https://popchill.netlify.app
- React: The core library for building the user interface and managing the application's state.
- React Router: Handles routing and navigation between different pages within the website.
- CSS Modules: Provides modular and scoped styling for components.
- API Integration: Utilizes APIs to fetch movie data and trailers for display.
This project was developed by the Highbeek. I would also like to express our gratitude to the movie industry for providing the captivating content showcased on the website.
I welcome feedback and suggestions to enhance the user experience. If you'd like to contribute to the project, please feel free to create an issue or submit a pull request. Please note that this project is for educational purposes and is not affiliated with any official movie streaming platforms or their developers.
Note: Movie trailers and content showcased are used for demonstration purposes and belong to their respective owners.