Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gichbuoy/movie_app
react app
https://github.com/gichbuoy/movie_app
api hooks javascript react react-hooks request-promise state
Last synced: 16 days ago
JSON representation
react app
- Host: GitHub
- URL: https://github.com/gichbuoy/movie_app
- Owner: Gichbuoy
- Created: 2023-08-07T19:57:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-09T21:01:34.000Z (over 1 year ago)
- Last Synced: 2023-08-09T22:26:58.732Z (over 1 year ago)
- Topics: api, hooks, javascript, react, react-hooks, request-promise, state
- Language: CSS
- Homepage: https://my-movie-appl.netlify.app/
- Size: 1.26 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Movie_App
This is a simple movie application built using React. It allows users to browse and search for movies, view movie details, and explore different genres.
### Features
- Browse a list of popular movies.
- Search for movies by title.
- View detailed information about each movie.
- Filter movies by genre.
### Installation
1. Make sure you have Node.js and npm (Node Package Manager) installed on your system.
2. Clone this repository to your local machine:
```bash
git clone https://github.com/Gichbuoy/Movie_App.git
Navigate to project directory
```
cd simple-movie-app
```
Install project dependencies
```
npm install
```
Start the development server
```
npm start
```
Open your web browser and visit http://localhost:3000 to use the app
### Usage
* On the homepage, you'll see a list of popular movies.
* You can click on a movie to view its details.
* Use the search bar to search for movies by title.
* Explore different genres using the genre filter.
### Technologies Used
* React: JavaScript library for building user interfaces.
* The Movie Database (TMDb) API: Used to fetch movie data.
### Contributing
Contributions are welcome! If you find any bugs or have suggestions for new features, feel free to open an issue or submit a pull request.
### License
This project is licensed under the MIT License. See the [LICENSE]() file for details.
Note: This app is for educational purposes and uses mock movie data. It's not connected to a real movie database for fetching live data.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
### `npm run eject`
**Note: this is a one-way operation. Once you `eject`, you can't go back!**
If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
.png)
.png)