🎬 ONA Films

A Mega React Movie Database built with Vite & the TMDB API.
Responsive, fast, and fun — explore movies, trending releases, and more with a sleek UI powered by React.

👉 Live Demo: ONA Films

📖 Table of Contents

• About
• Features
• Tech Stack
• Getting Started
• Usage
• Snapshots
• Contributing
• License
• Contact

About

ONA Films is a React-based Movie Database app that connects to the TMDB API to display movie information, trailers, and trending lists.
It was built as part of a BCIT React project and designed to be fully responsive across devices.

Features

• 🎥 Browse trending, popular, and top-rated movies
• 🔍 Search movies by title
• 🖼️ Responsive layout (desktop, tablet, mobile)
• 🎠 Smooth carousels powered by SplideJS
• ⚡ Fast & optimized with Vite bundler

Tech Stack

• Frontend: React, Vite, React Router, Tailwind CSS
• API: TMDB API
• Other: SplideJS, pnpm

Getting Started

Prerequisites

• Node.js v18+
• pnpm or npm/yarn
• TMDB API key (free to create at TMDB)

Installation

# Clone the repository
git clone https://github.com/username/ONA-Films.git

# Go into project folder
cd ONA-Films

# Install dependencies
pnpm install

# Run the dev server
pnpm dev

Usage

• Access the app at http://localhost:3000 during development.
• Quickly Create your personalized meal locally. (Backend coming out soon!)
• Search for gluten-free products & track meals.

Snapshots

None at the moment :(
Check Back Later!

Contributing

👑 Contributions are welcome! 👑

• Fork the repo
• Create a feature branch (git checkout -b feature/YourFeature)
• Commit changes (git commit -m "Add YourFeature")
• Push to branch (git push origin feature/YourFeature)
• Open a Pull Request

License

Distributed under the MIT License. See LICENSE for details.

Contact

Portfolio: aumar.xyz
Email: [email protected]
Business Inquiries: [email protected]