https://github.com/sejal0115/popcornboard

PopcornBoard is a responsive movie discovery app built using React 19, Vite, Tailwind CSS, and the TMDb API. Users can browse trending movies, save them to their favorites, and curate personal watchlists—powered by Appwrite for persistent backend storage. ⚠️ This app does not support video streaming—only discovery and list building.
https://github.com/sejal0115/popcornboard

appwrite frontend movie-app netlifty reactjs tailwindcss tmdb-api vite

Last synced: 2 months ago
JSON representation

PopcornBoard is a responsive movie discovery app built using React 19, Vite, Tailwind CSS, and the TMDb API. Users can browse trending movies, save them to their favorites, and curate personal watchlists—powered by Appwrite for persistent backend storage. ⚠️ This app does not support video streaming—only discovery and list building.

• Host: GitHub
• URL: https://github.com/sejal0115/popcornboard
• Owner: sejal0115
• Created: 2025-07-17T21:30:23.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-28T15:30:02.000Z (11 months ago)
• Last Synced: 2025-07-28T16:35:32.292Z (11 months ago)
• Topics: appwrite, frontend, movie-app, netlifty, reactjs, tailwindcss, tmdb-api, vite
• Language: JavaScript
• Homepage: https://popcornboard.netlify.app/
• Size: 2.72 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎬 PopcornBoard

**PopcornBoard** is a modern React.js web application that lets users **discover the latest movies**, **save their favorites**, and **organize watchlists** — powered by the [TMDb API](https://www.themoviedb.org/) and backed by **Appwrite** for storage. While it doesn’t host video playback, it helps users **curate and track** what they want to watch later on their preferred streaming platforms.

---

## 🚀 Features

- 🔍 **Search & Discover** latest movies

- 🧡 **Favorite** movies to build a personal watchlist

- 🎯 **Track movie details** like rating, language, and release year

- 📁 **Data Persistence** with Appwrite

- 🎨 **Responsive UI** built with Tailwind CSS

- ⚡ **Fast performance** with Vite and React 19

- 🖱️ **Smooth animations** via Framer Motion

---

## 🛠️ Tech Stack

| Tech                | Description                          |

| ------------------- | ------------------------------------ |

| **React 19**        | Frontend framework                   |

| **Vite**            | Lightning-fast development tooling   |

| **Tailwind CSS**    | Utility-first CSS for modern UI      |

| **Appwrite**        | Backend for authentication & storage |

| **TMDb API**        | Movie data (posters, ratings, etc.)  |

| **Framer Motion**   | Animations & transitions             |

| **React Router v7** | SPA routing                          |