https://github.com/ibrsec/todo-fs-react
Frontend of the todo app
https://github.com/ibrsec/todo-fs-react
react redux tailwind
Last synced: about 2 months ago
JSON representation
Frontend of the todo app
- Host: GitHub
- URL: https://github.com/ibrsec/todo-fs-react
- Owner: ibrsec
- Created: 2024-07-12T09:36:37.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-09T13:13:51.000Z (almost 2 years ago)
- Last Synced: 2025-01-08T21:36:38.091Z (over 1 year ago)
- Topics: react, redux, tailwind
- Language: JavaScript
- Homepage: https://todo-fs-react.vercel.app/
- Size: 310 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Frontend of Fullstack Todos App
An awesome Frontend of Fullstack Todos App
View Demo
·
Backend repo
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
[](https://todo-fs-react.vercel.app/)
---
📦 Frontend of the my Fullstack Todos project | [Todos Backend](https://github.com/ibrsec/todo-express)
🎯 React Development: Built a responsive frontend with React.js, providing a seamless user experience for managing tasks and user profiles.
🛠 State Management: Employed Redux Toolkit and Redux Persist to ensure consistent state management across sessions and reliable data handling.
🔔 User Notifications: Used React Toastify to provide real-time feedback for actions like adding, editing, or deleting tasks.
💾 CRUD Operations: Developed full CRUD functionality for efficiently managing tasks.
🎨 Styling: Utilized Tailwind CSS to create a modern, responsive, and visually appealing user interface.
```sh
# clone the project
git clone https://github.com/ibrsec/todo-fs-react.git
# enter the project directory
cd todo-fs-react
# install dependency
npm install || yarn install
# develop
npm run dev || yarn start
```
```diff
todo-fs-react (folder)
|
|---public (folder)
|
+ |---src (folder)
| |
| |---pages (folder)
| |
| |---components (folder)
| |
| |---app (folder)
| | |---features (folder)(Slices)
| | └---store.jsx
| |
| |
| |
| |---router (folder)
| |
| |---services (folder)
| |
| |
| |---helper (folder)
| |
| |---App.js
| |---Index.js
| └---Index.css
|
|----package.json
|----tailwind.config.js
|----.env
└----readme.md
```
---
