A stockbit movies website built with react and Tailwind CSS

by React

stockbit-movies

What you need for running app?

  • NodeJS Version 14

Stack technology

  • ReactJS (CRA)
  • Typescript (JS Typechecker)
  • Styled-components (JS/CSS Styling)
  • Redux-toolkit (State Management)
  • React-router-dom (Routing in React)
  • Omdbapi.com (Open API)
  • Tailwind (CSS Framework)
  • Axios (Http Request)

Features

  • Display list movies from Omdbapi
  • Infinite scroll pagination for videos list
  • Search movies by keyword
  • Single page for movie detail
  • Showing popup for cliecked movie poster
  • Autocomplete searching movie in input search header
  • Unit testing

Install at local

Open Terminal, then type command:

git clone https://github.com/nino-t/stockbit-movies.git

Go to project folder :

cd stockbit-movies

Type following command :

yarn (For install dependency)

yarn build (For build app for production mode)

yarn start (For running app with development mode)

open http://localhost:3000 in your browser

yarn test (For running unit test)

License

MIT

GitHub

View Github