📂 Project Structure

📁 src/

📁 components/
- 📁 Button/
  - 🟦 Button.jsx - Button component logic
  - 🎨 Button.css - Button component styles
- 📁 MoviePoster/
  - 🟦 MoviePoster.jsx - Movie poster logic
  - 🎨 MoviePoster.css - Movie poster styles
- 📁 Navbar/
  - 🟦 Navbar.jsx - Navigation bar logic
  - 🎨 Navbar.css - Navigation bar styles
- 📁 logo/
  - 🖼️ logo.svg - Logo asset
📁 MovieData/
- 📄 movieData.json - Movie data in JSON format
📁 pages/
- 📁 MovieDetails/
  - 🟦 MovieDetails.jsx - Detailed movie information logic
  - 🎨 MovieDetails.css - Styles for movie details page
- 📁 MoviePage/
  - 🟦 MoviePage.jsx - Main movie listing page logic
  - 🎨 MoviePage.css - Styles for movie page
- 📁 Blog/
  - 🟦 BlogPage.jsx - Blog page logic
  - 🎨 BlogPage.css - Styles for blog page
  - 🟦 Blog.jsx - Individual blog component logic
  - 🎨 Blog.module.css - Modular styles for blog components
- 📁 NotFound/
  - 🟦 NotFound.jsx - Logic for 404 error page
  - 🎨 NotFound.module.css - Styles for 404 page
- 📁 RequestPage/
  - 🟦 RequestPage.jsx - Logic for handling movie requests
🟦 App.jsx - Main app component
🎨 App.css - Global styles
⚙️ vite.config.js - Vite configuration file
🛠️ eslint.config.js - ESLint configuration file

📄 Root Files

📄 package.json - Project dependencies and scripts