Discover the latest block buster movies using Movie-db!
Get instant stats through TMDB API-powered movie app, beautifully crafted with React and styled components ๐
![Screen Shot 2023-11-15 at 11 16 20 PM](https://private-user-images.githubusercontent.com/23560627/283212214-693d5d16-f543-4a5a-bf3b-b6ebe2d29f83.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM0MTQ3NjUsIm5iZiI6MTcyMzQxNDQ2NSwicGF0aCI6Ii8yMzU2MDYyNy8yODMyMTIyMTQtNjkzZDVkMTYtZjU0My00YTVhLWJmM2ItYjZlYmUyZDI5ZjgzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODExVDIyMTQyNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE1MmYwOGY1ZThmOWRlNThiZmM0MGRmNzM3ZDI0NDdmMDIyMTY4N2MyMDNiYTUzZTBhNWNhYjg4OTJkMjQ2MjEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fGvqcvIfXs9NmyfKjwxRS16qA_g9WqKsigtQBS2Yd6U)
![Screen Shot 2023-11-15 at 11 24 50 PM](https://private-user-images.githubusercontent.com/23560627/283212199-7c941a3a-e703-42f6-8100-aa7d110e6d64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM0MTQ3NjUsIm5iZiI6MTcyMzQxNDQ2NSwicGF0aCI6Ii8yMzU2MDYyNy8yODMyMTIxOTktN2M5NDFhM2EtZTcwMy00MmY2LTgxMDAtYWE3ZDExMGU2ZDY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODExVDIyMTQyNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM1NjE3NTljZDI5NzNlNWQ4ZmFlZjlhYWNjOTkyNjk1OWY3MTJhMGZlOTA0NmYyMWNiNTViZWY5Y2YyM2UxZDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.7eDCJbPEEYVpkFi-Ug_mAdkgSWhvR2poUSC_xdyAikY)
To get started with movie-db, follow the installation and usage instructions below.
- Clone the repository to your local machine:
git clone https://github.com/ayushsoni1010/movie-db.git
- Navigate to the project directory:
cd movie-db
- Install the required dependencies:
yarn install
- create .env file and add an API key variable in a format
REACT_APP_API_KEY=YOUR_TMDB_API_KEY
- Start the development server:
yarn start
- Open your favorite web browser and visit http://localhost:3000 to explore movie-db.
The page will automatically reload when you make changes, and you can check the console for any lint errors or development insights.
In the project directory, you can run the following scripts:
- Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
yarn start
- Run the test runner in interactive watch mode. For more information on running tests, check the Create React App documentation.
yarn test
- Builds the app for production, optimizing its performance and generating files in the build folder. Your app is now ready for deployment.
yarn build
- If you're not satisfied with the build tool and configuration choices, you can eject at any time. This command will copy all configuration files and dependencies into your project, giving you full control over them. Most commands except eject will still work, but they will point to the copied scripts for you to customize as needed.
Remember, you don't have to use eject if the default configuration meets your needs.
yarn eject
Note: This is a one-way operation. Once you eject, you can't go back!
- Explore the Create React App documentation to learn more about creating React applications.
- For in-depth knowledge of React, check out the React documentation.
- Learn about code splitting, bundle size analysis, progressive web app development, and advanced configurations in the official Create React App documentation linked in this README.
- Get insights into deploying React apps in the deployment documentation.
- Troubleshoot issues related to the build process with the troubleshooting guide.
We welcome contributions to movie-db! Whether you're passionate about movies, a React wizard, or an aspiring designer, there are numerous ways to make movie-db even better. Your contributions, big or small, will help us create the ultimate movie exploration experience.
Feel free to open issues, submit pull requests, or provide feedback to help us improve the project. Check out our Contribution Guidelines for more details on how you can get involved.
movie-db is licensed under the MIT License. You are free to use and modify the code to suit your needs.