Overview
Objectives
A small, iterative, educational project to develop skills in React and its ecosystem in particular,
as well as the main front-end frameworks such as Vue, Angular, and their respective derivatives.
Features
This is a simple task management application with the following functions:
- Add a task
- Edit a task
- Delete a task
- Display the task list
- Filter and sort tasks
Planned roadmap
React
- React Hooks
- Redux Toolkit
- TanStack Query
- Zustand
Vue
- Vue Reactivity
- Vuex
- Pinia
- TanStack Query
Angular
- Angular Signals
- RxJS
- NgRx
- TanStack Query
Tests Frontend
- Jest
- Testing Library
- Vitest
- Playwright
- Cypress
Forms
- React Hook Form
- Zod
- Formik
- Yup
Frameworks
- Next.js
- Remix
- Gatsby
- Redwood.js
- Refine.dev
- Nuxt.js
i18n
- i18next
- Lingui.js
- React Intl
Styling
- Tailwind CSS
- Styled Components
- Emotion
- Vanilla Extract
Theming
- UIkit
- Tailwind UI
- Material UI
- Shadcn
- Chakra UI
- Headless UI
- Radix UI
- Ant Design
Animations
- Framer Motion
- GSAP
- React Aria
Data Visualization
- D3.js
- Chart.js
- Recharts
- ECharts
- Victory Charts
Backlog
Click on the story number to access Github.
Click on the status to view the demo if available.
React
| # | Story | Statut |
|---|---|---|
| 001-01 | List tasks, Create, Read, Update, Delete | Done |
| 002-01 | Priority, Status, Sorting, Filtering | Done |
| 003-01 | TaskApp, TaskList, TaskCreate, TaskEdit, Inline editing | Done |
| 004-01 | Typescript | Done |
| 005-01 | Redux Toolkit | Done |
| 006 | TanStack Query | Todo |
| 007 | Zustand | Todo |
Vue
| # | Story | Statut |
|---|---|---|
| 101-01 | Composition: List tasks, Create, Read, Update, Delete | Done |
| 102-01 | Options: List tasks, Create, Read, Update, Delete | Done |
| 103-01 | Priority, Status, Sorting, Filtering | Done |
| 104-01 | TaskApp, TaskList, TaskCreate, TaskEdit, Inline editing | Done |
| 104 | Typescript | Todo |
| 105 | Vuex | Todo |
| 106 | Pinia | Todo |
| 107 | TanStack Query | Todo |
Angular
| # | Story | Statut |
|---|---|---|
| 201-01 | List tasks, Create, Read, Update, Delete | Done |
| 202-01 | Signals: List tasks, Create, Read, Update, Delete | Done |
| 203-01 | Priority, Status, Sorting, Filtering | Done |
| 204-01 | TaskApp, TaskList, TaskCreate, TaskEdit, Inline editing | Done |
| 204 | RxJS | Todo |
| 205 | NgRx | Todo |
| 206 | TanStack Query | Todo |