Star wars DB

Overview

This repository contains a web application for browsing Star Wars characters. It was built while studying React. The different branches of this repository show the path of learning new technologies and refactoring the application using them.

  1. App was built on React classes. It allows to browse Star Wars characters via requests to API.
    code | deploy
  2. App was refactored to use function components and hooks. Added React Router for showing additional info of characters. Implemented pagination for search results with custom logic for setting results amount per page (api doesn’t support this feature)
    code | deploy
  3. Refactored app to use context API. Used Vitest and React testing library for writing unit tests with coverage > 80%
    code | deploy
  4. Used Redux and Redux toolkit for state managment and caching data from previous requests via RTK query.
    code | deploy
  5. Migrated to Next.js and SSR.
    code | deploy
  6. Separate website containing forms with controlled and uncontrolled components and different validation strategies.
    code | deploy

Tags: TypeScript / React / Next / Redux Toolkit / Personal