Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/preston176/movie-site
Movie Site
https://github.com/preston176/movie-site
api entertainment imdb movies netflix
Last synced: 14 days ago
JSON representation
Movie Site
- Host: GitHub
- URL: https://github.com/preston176/movie-site
- Owner: preston176
- Created: 2023-05-05T17:51:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-06T13:12:16.000Z (over 1 year ago)
- Last Synced: 2024-11-15T15:35:20.802Z (3 months ago)
- Topics: api, entertainment, imdb, movies, netflix
- Language: JavaScript
- Homepage: https://preston176.github.io/Movie-site/
- Size: 123 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Website
This is a movie website that allows users to search for movies and obtain information about them. It provides a user-friendly interface and a search functionality to find movies based on various criteria.
### time spent coding
[](https://wakatime.com/badge/user/d8868823-72bc-46a7-8dbd-396ba5326e3a/project/43da0ec0-99fd-4e48-8f32-5a2359f83557)
## Features
- Search movies by title, genre, release year, or any other relevant criteria.
- Browse popular movies, upcoming releases, and top-rated films.
- Create a personal watchlist to save favorite movies for later viewing.
- Integration with external APIs for fetching movie data and images.
- Responsive design for optimal viewing on different devices.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/preston176/Movie-site.git
```
- then you can open index.html to liveserver
OR (`if npm installed`)
2. Navigate to the project directory:
```bash
cd movie-site
```
3. Install the required dependencies:
```bash
npm install
```
4. Set up the movie database and configure API keys:
- Obtain API keys from external movie data providers (e.g., IMDB API, The Movie Database API).
- Configure the API keys in the project's configuration file.
5. Start the application:
```bash
npm start
```
6. Open your web browser and visit `http://localhost:3000` to access the movie website.
## Usage
1. On the homepage, you can search for movies using the search bar.
2. Enter your search criteria (e.g., movie title, genre, release year) and click the "Search" button.
3. The search results will be displayed on the page, showing relevant movie details.
4. Click on a movie to view its detailed information, including the plot, cast, director, and ratings.
5. You can sort and filter the search results based on your preferences using the provided options.
6. Explore popular movies, upcoming releases, and top-rated films from the corresponding navigation sections.
7. Create an account to access additional features such as creating a watchlist and providing ratings and reviews for movies.
## Technologies Used
- HTML, CSS, and JavaScript for the frontend.
- Node.js and Express.js for the backend.
- External APIs for fetching movie information
## Contributors
- [Preston M](https://github.com/preston176)
## License
This project is licensed under the [MIT License](LICENSE)