Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ashwinangadi/movieshere
https://github.com/ashwinangadi/movieshere
Last synced: about 7 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/ashwinangadi/movieshere
- Owner: ashwinangadi
- Created: 2023-09-03T16:57:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-10T13:46:48.000Z (about 1 year ago)
- Last Synced: 2023-09-10T14:43:14.256Z (about 1 year ago)
- Language: JavaScript
- Size: 165 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MoviesHere App
#### MoviesHere app with TheMovieDB API.
The MoviesHere app a user-friendly homepage that presents a handpicked selection of trending movies, showcasing their posters alongside titles. Incorporate a dynamic search feature enabling users to find movies by title, with real-time search results. When users click on a movie poster or title, provide comprehensive movie information such as title, release date, genre, runtime, plot summary, and cast. Enhanced the user experience with a movie recommendation system that suggests films based on user preferences. Allows users to express their preferences by marking movies as "liked" or "disliked," further refining the recommendation algorithm. Ensured a responsive design that adapts seamlessly to various screen sizes, from mobile devices to desktops. Integrated with The Movie Database API, to fetch extensive movie data, including details and images.
## Set-Up Guide
- [Features](#features)
- [Built With](#built-with)
- [Getting started](#getting-started)
- [Author](#author)
## Features
1. **Homepage:** A homepage where users can see a curated list of trending movies.
2. **Search Functionality:** a search bar that allows users to search for movies by title and displays search results dynamically as users type.
3. **Movie Details:** When a user clicks on a movie poster or title, detailed information about the movie is shown.
4. **Movie Recommendation:** The movie recommendation algorithm is based on the genres of movies the user has previously liked and displays recommended movies to the user
based on this algorithm.
5. **User Interaction:** Allows users to mark movies as "liked" or "disliked."
6. **Responsive Design:** The app is responsive and looks good on various screen sizes, from mobile devices to desktops.
7. **User Interface Design:** The UI/UX intuitive, visually appealing, and accessible to all kind of users.
## Built With:
- HTML5
- CSS3
- Javascript (ES6+)
- ReactJS
- React Router
- Swiper.js
- Vite
## Getting started
Before doing any of this, if you're using your own laptop/desktop, make sure you've got the latest versions of Node and npm installed.
node -v
npm -v
Follow these steps to clone and set up the project on your local machine:
1. **Clone the repository and navigate to folder**:
```bash
git clone https://github.com/ashwinangadi/movieshere.git
cd movieshere
2. **Install dependencies**:
```bash
npm install
3. **Run the Project:** The development server can be accessed on **http://localhost:5173**
```bash
npm run dev
## Author
- GitHub : **https://github.com/ashwinangadi**
- Linkedin : **https://www.linkedin.com/in/ashwin-angadi**
- Website : **http://ashwin-angadi.web.app**