Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lakhindarpal/flickpeek

Flickpeek is a movie exploration web application that allows users to discover and explore various movies based on different criteria such as nowplaying trending, popular all time, movies of a specific genre, top-rated, and upcoming movies. Users can also search for movie details by movie name.
https://github.com/lakhindarpal/flickpeek

flickpeek html html-css-javascript html5 imdb-api javascript js movie-recommendation movie-recommendation-web-app moviedb-api movies-api popular-movies progressive-web-app pwa-example tmdb-api trending-movies

Last synced: about 1 month ago
JSON representation

Flickpeek is a movie exploration web application that allows users to discover and explore various movies based on different criteria such as nowplaying trending, popular all time, movies of a specific genre, top-rated, and upcoming movies. Users can also search for movie details by movie name.

Awesome Lists containing this project

README

        

# Flickpeek - Unveil Cinematic Wonders

Flickpeek is a movie exploration web application that allows users to discover and explore various movies based on different criteria such as nowplaying trending, popular all time, movies of a specific genre, top-rated, and upcoming movies. Users can also search for movie details by movie name.

## Features

- Explore nowplaying movies.
- Find trending movies of today, this week.
- Discover popular movies of all time.
- Explore movies of a specific genre.
- Discover top-rated movies.
- Explore upcoming movies.
- Search for movie details by movie name.
- Responsive design for a seamless experience on various devices.
- Auto light and dark mode for a comfortable viewing experience.

## Live Demo

Check out the live demo of Flickpeek : [https://flickpeek.glitch.me/](https://flickpeek.glitch.me/)

## Technologies Used

- HTML5
- CSS3
- JavaScript
- The Movie Database (TMDb) API
- localStorage

## Getting Started

### Prerequisites

Before you begin, make sure you have the following:

- **TMDB API Key:** Obtain your API key from [themoviedb.org](https://www.themoviedb.org/) by signing up for an account. Once you have your API key, you'll be able to fetch movie details for your app.
- Ensure you have a modern web browser to run the app.
- Active internet connection to fetch movie details.

### Installation

1. Clone the repository:
```bash
git clone https://github.com/LakhindarPal/Flickpeek.git
```
2. Fill the `ApiKey` in the `app.js` file.
3. Open `index.html` in your preferred web browser.

## How to Use

1. Use the navigation options to explore different categories of movies or search for specific movies.
2. Click on a movie to view its details in a dialog.

## Contributing

If you have suggestions or find any issues, feel free to [open an issue](https://github.com/LakhindarPal/Flickpeek/issues) or submit a [pull request](https://github.com/LakhindarPal/Flickpeek/pulls).

## License

This project is licensed under the [MIT License](LICENSE).