Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ayushsoni1010/moviemania

📸 Lights, camera, action! Discover the latest movies, actors at your fingertips. Get instant stats through TMDB API powered movie app, beautifully crafted with React and styled-components 💅
https://github.com/ayushsoni1010/moviemania

javascript movie-app-react movie-database movies-api react styled-components tmdb-api typescript

Last synced: about 2 months ago
JSON representation

📸 Lights, camera, action! Discover the latest movies, actors at your fingertips. Get instant stats through TMDB API powered movie app, beautifully crafted with React and styled-components 💅

Awesome Lists containing this project

README

        

MovieMania 🎬



Lights, camera, action! Discover the latest movies and actors at your fingertips.



Tech Stack



Get instant stats through TMDB API-powered movie app, beautifully crafted with React and styled components 💅

## Table of Contents 📄

- [Introduction](#introduction-)
- [Getting Started](#getting-started-)
- [Available Scripts](#available-scripts-)
- [Learn More](#learn-more-)
- [Contributing](#contributing-)
- [License](#license-)

## Introduction 📸

Welcome to MovieMania, where the world of cinema comes to life on your screen! Our movie app empowers you to explore the latest movies and actors effortlessly, all thanks to the powerful TMDB API, React, and styled-components. Whether you're a film buff or just looking for a good flick, MovieMania is your ultimate cinematic companion.

## Getting Started 🚀

To get started with MovieMania, follow the installation and usage instructions below.

1. Clone the repository to your local machine:

```bash
git clone https://github.com/ayushsoni1010/moviemania.git
```

2. Navigate to the project directory:

```bash
cd moviemania
```

3. Install the required dependencies:

```bash
yarn install
```

4. Configure the environment variables, if necessary.
5. Start the development server:

```bash
yarn start
```

6. Open your favorite web browser and visit http://localhost:3000 to explore MovieMania.\
The page will automatically reload when you make changes, and you can check the console for any lint errors or development insights.

## Available Scripts 🎬

In the project directory, you can run the following scripts:

1. Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

```bash
yarn start
```

2. Run the test runner in interactive watch mode. For more information on running tests, check the [Create React App documentation](https://create-react-app.dev/docs/running-tests/).

```bash
yarn test
```

3. Builds the app for production, optimizing its performance and generating files in the build folder. Your app is now ready for deployment.

```bash
yarn build
```

4. 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.

```bash
yarn eject
```

`Note: This is a one-way operation. Once you eject, you can't go back!`

## Learn More 📚

- Explore the [Create React App documentation](https://create-react-app.dev/docs/getting-started/) to learn more about creating React applications.
- For in-depth knowledge of React, check out the [React documentation](https://react.dev/).
- 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](https://create-react-app.dev/docs/deployment/).
- Troubleshoot issues related to the build process with the [troubleshooting guide](https://create-react-app.dev/docs/troubleshooting/#npm-run-build-fails-to-minify).

## Contributing 🤝

We welcome contributions to MovieMania! Whether you're passionate about movies, a React wizard, or an aspiring designer, there are numerous ways to make MovieMania 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](CONTRIBUTING.md) for more details on how you can get involved.

## License 🎥

MovieMania is licensed under the [MIT License](LICENSE). You are free to use and modify the code to suit your needs.