/countlist

Primary LanguageTypeScript

CountList

Site similar to ToDo List but point can be change to count. Inspired by Microsoft TO DO.

Usage

Site went through gatsby and craco to vite, next generation frontend tooling.

Site can be serve using:

npm start
yarn start

Or build with:

npm build
yarn build

Tests

  • State manager is tested by Jest
  • React Components are tested by Storybook

State

State manager is Redux write with Redux Toolkit

States in aplication

  • mini - state containg simple value, all actions only assigns payload to new state
  • lists - state containg all data about lists and point. Each list or point has unique ID and this is a core of selecting data

Code

  • Default language is TypeScript
  • For style site use styled-components
  • Storybook is write with TS
  • Netlify Functions is write in GoLang

Used technology:

  • Typescript - superset of JS with types
  • React - main technology for write whole app
  • Styled-components - for styling react app
  • Redux - State manager
  • Ramda - main helpers lib
  • Jest - main testing technology
  • Storybook - interface for testing components in separation
  • vite - next generation frontend tooling
  • faker - lib for create fake data

React addons

Small addons

  • uid - lib for create unique IDs