Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Movie Watchlist Web App

Description

This Movie Watchlist Web App is a dynamic, user-friendly application that allows users to search for movies, view details, and manage their personal watchlist. Built with HTML, CSS, and JavaScript, it leverages the OMDB API to fetch movie data and provides a seamless experience for movie enthusiasts.

Features

  • Search for movies using the OMDB API
  • View detailed information about each movie
  • Add movies to a personal watchlist
  • Remove movies from the watchlist
  • Persistent storage of the watchlist using localStorage
  • Responsive design for various screen sizes

How to Use

  1. Clone the repository
  2. Open index.html in your web browser
  3. Use the search bar to find movies
  4. Click on "Add to Watchlist" to save movies
  5. Navigate to the Watchlist page to view saved movies
  6. Remove movies from your watchlist as needed

Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • OMDB API

Areas for Improvement and Collaboration

I welcome contributions from the developer community! Here are some areas where we'd love to see improvements:

  1. User Authentication: Implement a user login system allowing multiple users to have their watchlists.

  2. Backend Integration: Create a backend server to store user data and watchlists, reducing reliance on localStorage.

  3. Advanced Search Features: Add filters for genre, year, rating, etc., to enhance the search functionality.

  4. Pagination: Implement pagination for search results and watchlist to improve performance with large datasets.

  5. Movie Recommendations: Develop an algorithm to suggest movies based on the user's watchlist.

  6. Social Features: Allow users to share their watchlists or individual movie recommendations.

  7. Accessibility Improvements: Ensure the app is fully accessible, following WCAG guidelines.

  8. Performance Optimization: Implement lazy loading for images and optimize API calls.

  9. Testing: Add unit tests and integration tests to ensure reliability.

  10. Movie Trailers: Integrate YouTube API to show movie trailers.

  11. Localization: Add support for multiple languages.

  12. Dark Mode: Implement a dark mode option for better user experience in low-light conditions.

How to Contribute

  1. Fork the repository
  2. Create a new branch (git checkout -b feature/AmazingFeature)
  3. Make your changes
  4. Commit your changes (git commit -m 'Add some AmazingFeature')
  5. Push to the branch (git push origin feature/AmazingFeature)
  6. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Contact

Project Link: https://github.com/pcodesdev/Movie-Watch-List

I'm excited to see your contributions and make this movie watchlist app even better!

About

A dynamic, API-driven web application that allows users to search for movies and easily bookmark their favorites for future viewing. Perfect for creating a personalized 'watch later' list.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages