Skip to content

A React-based movie app that allows users to browse movies, view details, manage profiles, and curate favorite movies. Built with React, React Router, Bootstrap, and Parcel.

Notifications You must be signed in to change notification settings

margaux-works/myFlix-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

myFlix (React)

The myFlix app is a single-page application (SPA) built with React that serves as the front-end interface for the myFlix movie app. It allows users to browse a comprehensive database of movies, view detailed information about each film, and manage their personal profiles and favorite movie lists. The myFlix Client interacts with the existing movie-API to provide a seamless user experience.

Features

  • Movie Browsing
    • View a list of all available movies with details including images, titles, and descriptions.
    • Filter and search movies to quickly find what you're looking for.
    • Select a movie to view additional information such as genre, director, and a detailed description.
  • User Authentication
    • Secure user login with username and password.
    • New user registration with the ability to create a profile.
  • Profile Management
    • View and update user information, including username, password, email, and date of birth.
    • Manage a list of favorite movies by adding or removing titles.
    • Option to deregister from the service.
  • Responsive Design Optimized for use on various devices, ensuring a consistent experience whether on desktop, tablet, or mobile.

Tech Stack

  • React: Library for building the UI.
  • React Router: For handling in-app navigation and routing.
  • Parcel: Build tool for bundling and serving the application.
  • Bootstrap: CSS framework for responsive design and styling.
  • JavaScript (ES2015+): Language for client-side logic and interactions.

Screenshots

Home Page Mobile

home page

Movie Details Mobile

movie view details

Profile view Mobile

Profile view

Search View Desktop

Search View

Project Structure

/src: Contains all the source code for the application.
/components: Reusable UI components.
/views: Different views/screens of the application.
/services: API calls and other utility functions.
/assets: Images, fonts, and other static assets.

Contributing

Contributions are welcome! Please fork this repository and submit a pull request.

License

This project is licensed under the MIT License.

About

A React-based movie app that allows users to browse movies, view details, manage profiles, and curate favorite movies. Built with React, React Router, Bootstrap, and Parcel.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published