Giter VIP home page Giter VIP logo

myflix-client's Introduction

Netlify Status

myFlix-client

This the client-side of a movies library application. The app will allow users to register, display the movies present in the database, create a list of favourites within which they can add and remove movies, get information about different directors and movie genres, they will also be able to deregister from the app.

Check it out live at https://marjsky-myflix.netlify.app/

Objective

Using React, build the client-side for an application called myFlix based on its existing server-side code (REST API and database).

Feature Requirements

  • Return a list of ALL movies to the user.
  • Return data (description, genre, director, image URL, whether it's featured or not) about a single movie by title to the user.
  • Return data about a genre (description) by name/title (e.g., "Thriller").
  • Return data about a director (bio and birth year) by name.
  • Allow new users to register.
  • Allow users to update their user info (username, password, email, date of birth).
  • Allow users to add a movie to their list of favorites.
  • Allow users to remove a movie from their list of favorites.
  • Allow existing users to deregister.

Technologies used

  • Javascript
  • React
  • Scss
  • React-Bootstrap
  • React-Redux
  • Redux
  • HTML
  • Parcel

Get Started

  • Clone the project
  • Install all dependencies mentioned in package.json
  • cd to the project diretory
  • Run it by:
$npm run dev

Note: Please make sure you install parcel v2!

To run the Project

You can use the command:

parcel src/index.html

myflix-client's People

Contributors

marjsky avatar

Watchers

 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.