/todo-app-ts-styled-components-graphql

POC app exploring modern web development with React, TypeScript, and GraphQL.

Primary LanguageTypeScriptMIT LicenseMIT

build workflow

Latest deployment available at https://manoldonev.github.io/todo-app-ts-styled-components-graphql/

React Todo App

This project was bootstrapped with Create React App and represents a simple TypeScript todo web app implemented with React, Styled Components, and GraphQL.

Infrastructure

  • TypeScript
  • ESLint
  • Prettier
  • pre-commit hooks
  • CI GitHub workflow

UX

  • Mobile-first design
  • Styled Components

State Management

  • Zustand (a small, fast and scalable state-management solution using simplified flux principles)

Data (Async State Management)

  • GraphQL
  • react-query with automatic hooks generation based on the GraphQL schema