{"id":23357966,"url":"https://github.com/cedekpoole/film-buff","last_synced_at":"2026-05-08T15:49:50.260Z","repository":{"id":257887548,"uuid":"868872131","full_name":"cedekpoole/film-buff","owner":"cedekpoole","description":"A movie tracker application that fetches data using OMDb's api","archived":false,"fork":false,"pushed_at":"2024-10-20T13:28:41.000Z","size":127,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-13T21:47:24.911Z","etag":null,"topics":["hooks","imdb-api","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://moviebuffdotcom.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cedekpoole.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-07T10:32:09.000Z","updated_at":"2024-10-20T13:57:48.000Z","dependencies_parsed_at":"2024-10-20T13:48:04.863Z","dependency_job_id":null,"html_url":"https://github.com/cedekpoole/film-buff","commit_stats":null,"previous_names":["cedekpoole/film-buff"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedekpoole%2Ffilm-buff","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedekpoole%2Ffilm-buff/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedekpoole%2Ffilm-buff/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cedekpoole%2Ffilm-buff/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cedekpoole","download_url":"https://codeload.github.com/cedekpoole/film-buff/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247721900,"owners_count":20985084,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hooks","imdb-api","react","tailwindcss"],"created_at":"2024-12-21T10:35:50.145Z","updated_at":"2026-05-08T15:49:45.211Z","avatar_url":"https://github.com/cedekpoole.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MovieBuff\n\n**MovieBuff** is a web application that allows users to search for movies, view movie details, rate movies, and manage a personal watched list. It provides useful insights such as the total number of films watched, average IMDb rating, personal user ratings, and the total runtime of all watched movies.\n\n## Features\n\n- **Search Movies**: Search for movies using a search bar.\n- **View Details**: See detailed information about each movie, including IMDb ratings and runtime.\n- **Rate Movies**: Rate movies using a star rating component.\n- **Watched List**: Add movies to your watched list.\n- **Delete Movies**: Remove movies from the watched list.\n- **Statistics**: Get averages on:\n  - Number of films watched\n  - Average IMDb rating\n  - User's personal average rating\n  - Total runtime of all watched movies\n\n## Technologies Used\n\n- **React.js**: Frontend library for building user interfaces.\n- **Tailwind CSS**: Utility-first CSS framework for styling the app.\n- **OMDb API**: Used to fetch movie details and IMDb ratings.\n\n## Installation\n\n1. Clone the repository:\n\n   ```bash\n    git clone https://github.com/your-username/moviebuff.git\n   ```\n\n2. Navigate to the project directory:\n\n   ```bash\n    cd moviebuff\n   ```\n\n3. Install the dependencies:\n\n   ```bash\n    npm install\n   ```\n\n4. Create a `.env` file in the root directory and add the following environment variables:\n\n   ```bash\n    VITE_OMDB_API_KEY=your_api_key\n   ```\n\n5. Start the development server:\n\n   ```bash\n    npm run dev\n   ```\n\n## Usage\n\n1. Search for Movies: Enter the title of a movie in the search bar and click the search button.\n2. View Movie Details: Click on a movie from the search results to view more detailed information.\n3. Rate Movies: Use the star rating component to rate the movie.\n4. Manage Watched List:\n\n- Add a movie to your watched list by clicking the \"Add to Watched\" button.\n- Remove a movie by clicking the delete icon in your watched list.\n\n5. View Statistics: Check your dashboard to see aggregated statistics based on your watched list.\n\n### Future Improvements\n\n- User authentication for saving lists across sessions.\n- Sorting and filtering options for the watched list.\n- Recommendations based on user ratings.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcedekpoole%2Ffilm-buff","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcedekpoole%2Ffilm-buff","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcedekpoole%2Ffilm-buff/lists"}