Scenic v2: Your gateway to endless entertainment universe

Welcome to Scenic, a web application that offers a complete entertainment experience by providing comprehensive details about movies and TV series through the TMDB API. Whether you’re seeking the latest blockbuster or a hidden gem, Scenic has got you covered. Stream content from various servers and watch trailers instantly to make your viewing choices even easier.

✨ What's New in v2

Modern Design System

• Glass-morphism UI: Beautiful translucent elements with backdrop blur effects
• Gradient Accents: Eye-catching color gradients throughout the interface
• Enhanced Typography: Improved readability with modern font choices
• Smooth Animations: Subtle fade-in animations and hover effects

🌟 Enhanced User Experience

• Improved Search: Better search interface with enhanced styling
• Movie Cards: Redesigned cards with ratings, hover effects, and better information display
• Loading States: Beautiful animated loading components
• Responsive Design: Optimized for all screen sizes with better mobile experience

🎭 Visual Improvements

• Hero Section: Dramatically enhanced hero slides with better typography and animations
• Navigation: Modern header with glass-morphism and smooth transitions
• Footer: Comprehensive footer with social links and better organization
• Background: Subtle animated background elements for visual depth

Features

• 🎬 Comprehensive movie and TV series details with enhanced presentation
• 🌊 Stream content from various servers
• 🍿 Watch trailers instantly with improved player interface
• 🔍 Advanced search with modern, intuitive design
• 📱 Fully responsive design optimized for all devices
• ⭐ Movie ratings and detailed information display

Tech Stack

• Frontend: React 18, React Router DOM
• Styling: SCSS with modern design system
• UI Components: Custom components with glass-morphism design
• Animations: CSS transitions and keyframe animations
• API: The Movie Database (TMDB) API
• Carousel: React Slick for smooth content sliding
• Icons: Boxicons and Font Awesome

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

   git clone https://github.com/vanshaj-pahwa/scenic.git
   cd scenic

2. Install dependencies

   npm install

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

   REACT_APP_TMDB_API_KEY=your_api_key_here
   

4. Start the development server

   npm start

5. Open your browser Navigate to http://localhost:3000 to see the application.

Contributing

We welcome contributions to make Scenic even better! Here's how you can get involved:

1. Fork the Repository: Click the "Fork" button at the top right of this page to create a copy of the repository in your GitHub account.
2. Clone the Repository: Clone your forked repository to your local machine using git clone https://github.com/vanshaj-pahwa/scenic.git.
3. Create a Branch: Create a new branch for your feature or bug fix using git checkout -b your-branch-name.
4. Make Your Changes: Implement your feature or bug fix.
5. Commit Your Changes: Commit your changes with a descriptive commit message using git commit -m "Description of your changes".
6. Push to the Branch: Push your changes to your forked repository using git push origin your-branch-name.
7. Create a Pull Request: Go to the original repository on GitHub and create a pull request to merge your changes.

---

Enjoy exploring the world of entertainment with Scenic v2! 🎬✨