Giter Site home page Giter Site logo

vime's Introduction

Hi ๐Ÿ‘‹, I'm Huy Huynh

A passionate Full Stack developer from Vietnam

Connect with me:

https://www.linkedin.com/in/huy-tien-huynh-4b0b3021b/ https://www.facebook.com/huy.huynh.1297943/ https://www.instagram.com/huyh1010/

Languages and Tools:

css3 express git html5 javascript mongodb nodejs postman react redux

Vime Movie App

Introduction

This is an interactive front-end movie app that is built by using REACT framework and ecosystem.

Installation

To have this app running on your local computer, please follow the below steps:

Clone repository

$ git clone https://github.com/huyh1010/Vime.git

Navigate to the project folder:

$ cd Vime

Install project dependencies:

$ npm install

Set up environment variables (create an .env file). Enter the variable below with the following API link

REACT_APP_BASE_URL = "https://api.themoviedb.org/3";



Run the project:

```javascript
$ npm start

Materials

The following web application comprises of the following materials and libraries:

  1. React Router v6
  2. React Hooks (useContext, useReducer, Custom Hooks)
  3. Material UI (MUI)
  4. Axios

Presentation

  1. User can see the UI display of the movie and tv shows layouts.
  2. User clicks on a specific movie or tv and see a detailed information about that content.
  3. User can select a specific genre based on the available genre categories. (Work on Movies and TV pages).
  4. User can search a movie or tv shows by keyword through the search box (Work on Movies and TV pages).
  5. User can pick a favorite movie/show and save it.

vime's People

Contributors

huyh1010 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.