This repository contains the source code for the MovieBee web application, a platform for movie enthusiasts to discover, search, and manage a personalized watchlist. The project leverages modern web development technologies to deliver a responsive and engaging user experience.
- Frontend Framework: Next.js
- CSS Framework: Tailwind CSS
- JavaScript Tools: PostCSS, Axios
- API: TMDb (The Movie Database) API
- Environment Management: dotenv
- Linting: ESLint
moviebee/
├── public/ # Static files like images and icons
├── src/ # Source code for the application
│ ├── components/ # Reusable React components
│ ├── app/ # Next.js pages for routing
├── .env # Environment variables
├── .gitignore # Git ignore file
├── jsconfig.json # JavaScript project configuration
├── next.config.js # Next.js configuration file
├── package.json # Project dependencies and scripts
├── postcss.config.js # PostCSS configuration file
├── tailwind.config.js # Tailwind CSS configuration
└── README.md # Project documentation (this file)
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/moviebee.git cd moviebee
-
Install dependencies:
npm install
-
Set up environment variables:
Create a
.env
file in the root directory and add the necessary environment variables:TMDB_API_KEY=your_tmdb_api_key
-
Run the development server:
npm run dev
The app will be available at
http://localhost:3000
.
To build the project for production, run:
npm run build
The production-ready files will be located in the .next
directory.
- Movie Discovery: Browse and search for movies.
- Detailed Information: View movie details, including cast, reviews, and ratings.
- Personalized Watchlist: Add movies to a personal watchlist.
- Responsive Design: Optimized for various screen sizes.
Contributions are welcome! Please open an issue or create a pull request with your changes.
This project is licensed under the MIT License.
For any inquiries or feedback, please contact utkarsh_katiyar@outlook.com.