🌰 Studio Ghibli

Webpack

• Basics
  • webpack
  • webpack-cli
  • webpack-dev-server
  • babel-loader, @babel/core, and @babel/preset-env
• Loaders
  • style-loader
  • css-loader
  • postcss-loader and autoprefixer
  • sass-loader and sass
• Plugins
  • html-webpack-plugin
• Optimization
  • image-minimizer-webpack-plugin
  • imagemin
  • imagemin-gifsicle
  • imagemin-jpegtran
  • imagemin-optipng
  • imagemin-svgo

React

• react, react-dom, and @babel/preset-react
• style-components and babel-plugin-styled-components
• react-router-dom
  • localforage, match-sorter, and sort-by for React Router v6.4.5 Tutorial
• prop-types

Linter and Formatter

• eslint
• eslint-config-airbnb
• eslint-plugin-import
• eslint-plugin-jsx-a11y
• eslint-plugin-react
• eslint-plugin-react-hooks
• eslint-plugin-simple-import-sort

Other Packages

• lodash
• axios

API

Films data is cloned from janaipakos, see api docs here

Disclaimer

This repository was developed for learning purpose. You can read, copy, fork, distributed, etc for your learning process too. There is no purpose from Author to harm anyone.

Credit

• Janaipakos for awesome API
• Acorn icons created by Freepik - Flaticon