Simple Movie

Movie information platform that displays details about various movies.

HTML CSS JavaScript
Simple Movie Project

Project Overview

Simple Movie is a responsive web application that allows users to browse and search for movies, view details, and save favorites. It provides a clean and intuitive interface for movie enthusiasts.

Project Screenshots

Enlarged screenshot
Simple Movie Homepage

Homepage

Main landing page with featured movies and search functionality. Click to enlarge.

Movie Details Page

Movie Details

Detailed view of a selected movie with cast information and ratings. Click to enlarge.

Project Details

Timeline

Started

July 2024

Duration

4 weeks

Motivation

This was an individual project for the course of Full stack development at Thomas More University of Applied Sciences.

Technical Details

Software Used

Visual Studio Code, Postman, Git, GitHub, Figma

Technologies

React JavaScript Fast API Sass CSS Bootstrap CSS

Skills Applied

Soft Skills

  • Problem-solving
  • User research
  • Information architecture
  • Project management
  • User feedback analysis

Technical Skills

  • API integration
  • State management
  • Responsive design
  • Search functionality
  • Data filtering and sorting

Key Features

Movie Catalog

Comprehensive catalog of movies with detailed information and poster Images.

Search Functionality

Intuitive search feature allowing users to find movies by title, genre, or other criteria.

Responsive Design

Fully responsive layout that provides an optimal viewing experience across all device sizes.

Development Process

1. Research & Planning

Researched user needs for movie information platforms and planned the site architecture.

2. UI Development

Created a clean, intuitive interface with HTML/CSS and implemented dynamic content with JavaScript.

3. Testing & Refinement

Tested the user experience and refined the interface based on feedback for optimal usability.

Explore More Projects