Skip to content

Orchid is a movie web application that offers detailed movie information, ratings, trailers, and reviews, helping users discover and explore the latest films effortlessly.

Notifications You must be signed in to change notification settings

sanjitgh/orchid-frontend

Repository files navigation

Orchid

Orchid is a movie platform where users can explore movie details, check out upcoming movies, read movie blog posts, and interact with a personalized movie experience. The platform includes features like user registration, adding favorite movies, and more.

Key Features:

  • Show Movie Details: View detailed information about movies, including ratings, genres, and descriptions.
  • Upcoming Movies: Stay up to date with upcoming movie releases.
  • Movie Blog Post: Read and explore movie-related blog posts and articles.
  • User Registration: Secure user sign-up and login functionality.
  • Add Favourite Movie: Option for users to add their favorite movies.
  • React Hook Form: React Hook Form is used for managing the login form.

Technology Stack:

  • Frontend:
    • React for building the UI components.
    • React Router for navigation and route management.
    • React Hook Form for handling form data in the login form.
    • React Icons for adding icons in the app.
    • Swiper for displaying carousels and slides.
    • SweetAlert2 for beautiful and customizable alerts.
    • React Spinners for loading spinners while data is being fetched.
    • React Rating for movie rating features.

NPM Packages:

  • firebase: Firebase SDK for user authentication and real-time data handling.
  • localforage: Offline storage library for handling data persistence.
  • match-sorter: A library to sort objects based on string matchers.
  • react: A JavaScript library for building user interfaces.
  • react-dom: DOM bindings for React.
  • react-hook-form: A library for managing form state in React.
  • react-hot-toast: A library for toast notifications.
  • react-icons: A library to add popular icons to React components.
  • react-rating: A component for implementing movie rating functionality.
  • react-router-dom: A routing library for React.
  • react-spinners: A set of spinners for React components.
  • sort-by: A library to sort arrays of objects.
  • sweetalert2: A library for customizable, accessible alerts in React.
  • swiper: A modern mobile touch slider with support for carousels.

Installation:

To set up Orchid locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/sanjitgh/orchid-backend.git
    cd orchid
    
    

Live Link:

https://orchid-56904.web.app/

About

Orchid is a movie web application that offers detailed movie information, ratings, trailers, and reviews, helping users discover and explore the latest films effortlessly.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published