Code Monkey home page Code Monkey logo

myflix-client's Introduction

Bello Movies - Your Ultimate Movie Destination

Welcome to Bello Movies, your go-to website for all things movies! Whether you're a hardcore cinephile or just looking for a way to pass the time with some entertainment, we've got you covered. Bello Movies is your ultimate movie destination, offering a wide range of features and services for movie lovers of all kinds.

Tech Stack

Bello Movies is a full-stack web application built using the MERN (MongoDB, Express, React, and Node) stack, following the REST architecture. We've also implemented various additional technologies and libraries to enhance the user experience.

Front End

  • Deployed via Netlify
  • React Bootstrap
  • React Router DOM
  • React Icons
  • Prop Types
  • React Cool On Click Outside

Back End

  • Deployed via Heroku
  • Mongoose (ODM - Object Data Modeling)
  • Body Parser
  • Lodash

Authentication

  • JWT (Json Web Token)
  • Passport
  • Cors
  • Bcrypt

Middleware

  • Morgan (For Logging)

Features

Here are the key features that make Bello Movies stand out:

  • User Authentication: Securely register and log in to your account.
  • Search Bar: Easily find movies using our powerful search feature.
  • Add to Favorites: Create a list of your favorite movies.
  • Update Profile: Modify your user profile information.
  • Delete Profile: If you ever decide to leave us, you can delete your profile.
  • Logout: Sign out when you're done.
  • View List of Movies: Explore our extensive movie library.
  • View Movie Details: Access comprehensive information about each movie, including cast, crew, and user ratings.
  • View Embedded Movie Trailers: Watch trailers for your favorite movies.
  • Responsive Navigation Bar: Enjoy seamless navigation on various devices.

Live Site

Visit the live Bello Movies website: Bello Movies

Movie-Api Server Side Repository

Explore the server-side code on GitHub: Movie-Api Repository

Setup Instructions

To set up the Bello Movies app locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/timone019/movie_api-client.git
    
  2. Install dependencies in the root project folder:

    npm install
    
  3. Start the development server:

    npm start
    
  4. Open the app in your browser at http://localhost:1234.

About Bello Movies

Bello Movies is a user-friendly and feature-rich website dedicated to providing you with an exceptional movie-watching experience. We understand the importance of movies in our lives and have curated a platform that caters to your movie-related needs. Here's what you can expect from us:

  • Vast Movie Library: We have an extensive collection of movies spanning various genres, from action-packed blockbusters to heartwarming dramas and everything in between.

  • Search and Filter: Easily find the movies you love by searching for specific titles or filtering by genre, release year, or rating.

  • Movie Details: Get detailed information about each movie, including cast, crew, plot summaries, and user ratings.

  • Watch Trailers: View trailers for upcoming and popular movies, so you can decide what to watch next.

  • User Ratings and Reviews: Share your thoughts and read reviews from fellow movie enthusiasts.

  • Watchlist: Create a personalized watchlist of movies you want to watch in the future.

  • Responsive Design: Enjoy our site on any device - desktop, tablet, or mobile.

How to Use

Getting started with Bello Movies is a breeze:

  1. Visit Bello Movies.

  2. Use the search bar or browse through our extensive movie library to find the movie you want to watch.

  3. Click on a movie to access detailed information, trailers, reviews, and the option to watch it.

  4. Create an account to access additional features like creating a watchlist and leaving your own movie reviews.

  5. Enjoy a seamless and immersive movie-watching experience!

Contact Us

We value your feedback and are here to assist you with any questions or concerns. Feel free to reach out to us via:

We hope you enjoy your time at Bello Movies and that it enhances your movie-watching experience. Happy watching!

myflix-client's People

Contributors

ajsorbello avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.