Skip to content

Rataash99/flixFinder

Repository files navigation

FlixFinder

FlixFinder is a movie application designed to help users discover and explore a wide range of movies. The application allows users to search for movies, view detailed information about each movie, mark favorite movies, and explore trending titles.

Features

  • Search Functionality: Users can search for movies using keywords, titles, or specific criteria.
  • Movie Listings: Comprehensive list of movies retrieved from an external API, allowing users to browse through various titles.
  • Detailed Information: Access detailed information about each movie, including the title, release date, poster image, rating, and synopsis.
  • Favorite Movies: Mark movies as favorites, which are stored locally using browser storage mechanisms like Local Storage.
  • Responsive Design: Application is designed to be responsive, ensuring compatibility across different devices and screen sizes.

Technology Stack

  • Frontend: HTML, CSS, JavaScript, possibly utilizing a utility first framework like Tailwind Css.
  • API Integration: Integration with a movie database API like The Movie Database (TMDb) to fetch movie data.
  • Local Storage: Utilization of browser storage mechanisms like Local Storage to save user preferences such as favorite movies.

Screenshot

View

Links

What I learned?

  • JS concepts like using API and browsers local storage
  • TailWind CSS
  • Sending data across different files.

Useful resources

  • Resource 1 - This helped me for choosing icons. I really liked this pattern and will use it going forward.
  • Resource 2 - This is an amazing website which helped me select whatever the font i've needed.
  • Resource 3 - Amazing Documentation for Tailwind CSS, A must check out!