11/2024
Front-End

S1lvamovies

My first React project — a Netflix-inspired movie browsing site powered by a local JSON database.

Tech Stack

Front-EndReact.jsLocal JSON Database

Overview

S1lvamovies was my first project built in React — a simple but functional movie browsing site inspired by platforms like Netflix. The goal was to get comfortable with React fundamentals while building something visually engaging.

Instead of a live API, the app runs entirely on a local JSON file as its database. From that data, users can browse the full catalogue, search for specific titles, filter by genre, and even request a random movie pick.

It was a foundational project that helped me understand component structure, state management, and dynamic rendering in React — all through a fun, film-themed interface.

Key Responsibilities

  • Built my first React application from scratch
  • Structured and managed a local JSON file as the app's database
  • Implemented search, genre filtering, and random movie selection
  • Designed a Netflix-inspired dark UI with movie cards and detail views
  • Handled dynamic rendering and component-based architecture in React

Key Features

  • Movie browsing with a local JSON database
  • Search by title and filter by genre
  • Random movie picker
  • Netflix-inspired dark theme and layout
  • Built entirely in React as a front-end only project
S1lvamovies 1
S1lvamovies 2
S1lvamovies 3