Movie List

Movie list build with React and use with 3 different state managers(Hooks, Mobx, Redux)

Demo

You can see web app on this Demo Page.

Project setup

npm start

Runs the app on development mode.

npm watch:css

Watch tailwind.css and run npm build:css.

npm build

Builds the app for production to the build folder.

npm build:css

Build styles.css from tailwind.css.

serve

Runs the app on production mode form build folder.

Languages & tools

React

• Mobx
• Mobx React Lite
• Redux
• React Redux
• Framer Motion
• React Router
• TypeScript

CSS

• Tailwindcss
• PostCSS
• Autoprefixer
• PurgeCSS

API

• The Movie Database