https://github.com/ed-mo1/todo-app-2
https://github.com/ed-mo1/todo-app-2
framer-motion json-server react redux-toolkit rtk-query tailwindcss
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ed-mo1/todo-app-2
- Owner: Ed-Mo1
- Created: 2024-03-25T23:08:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-25T23:20:22.000Z (over 2 years ago)
- Last Synced: 2025-01-23T23:33:19.219Z (over 1 year ago)
- Topics: framer-motion, json-server, react, redux-toolkit, rtk-query, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 237 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Description: Todo App
You need to clone it and run the following commands:
npm run server
npm run dev
This project is a Todo App built using the following technologies:
- React: A popular JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
- JSON Server: A full fake REST API that allows you to create a mock server for prototyping and testing.
- Redux Toolkit: The official, opinionated, batteries-included toolset for efficient Redux development.
- RTK Query: A data fetching and caching library that is part of the Redux Toolkit ecosystem, designed to simplify API calls and state management.
The Todo App allows users to manage their tasks by adding, removing, updating, and marking tasks as completed. It utilizes React for the front-end user interface, Tailwind CSS for styling, JSON Server for mocking the backend API, and Redux Toolkit along with RTK Query for state management and efficient data fetching.
The combination of these technologies enables a seamless user experience with responsive design, efficient state management, and easy integration with a mock server for realistic data interactions during development and testing.
The design:
https://www.figma.com/file/dq6h2SRnwRAdBftWYGkz0C/Todo-App-(Community)?type=design&node-id=1%3A171&mode=design&t=Z3110YmqWaPX8KM4-1