Skip to content

alikirec/imdb-frontend

Repository files navigation

MovieDB App

This project was bootstrapped with Create React App + TS.

live demo

User Stories

  • User can see all the latest movie on the front page
  • User scroll down to see all other movies according to release date
  • User can click on any of the movie to go to their own separate page
  • User can then see all about the movie ratings, about, actors present on each separate movie page
  • User can create an account
  • User can create their own watch list

Screenshots

Alt text

Alt text

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn test:e2e

Runs the cypress tests. You have to install cypress globally before running the tests. yarn global add cypress

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

yarn build-storybook

Builds the story book

yarn storybook

runs story book on port 9009

       

Tools 🔨

🎨 UI Components

  • Styled Components
  • Styled System
  • Storybook    

✅ Testing

  • jest unit tests
  • cypress e2e tests

💻 Development environment

  • husky for prepush hooks
  • eslint
  • prettier

📃 Logging

  • Sentry

🚀 Deployment

  • CircleCi
  • Heroku