🚀 Persistent Taskflow

A modern, high-performance React Task Management application designed for efficiency. It ensures an uninterrupted user experience by utilizing LocalStorage persistence, keeping your data safe even after browser restarts.

• ✨ Overview
• 📖 Description
• 🚀 Features
• 🗂️ Project Skeleton
• 🛠️ Tech Stack
• ⚡ How To Use
• 📌 About This Project
• 🙏 Acknowledgements
• 📬 Contact Information

A simple Task Tracker App built with React. Users can add, delete, and mark tasks as done. All data is persisted in localStorage, so tasks remain after page reloads.

A simple Task Tracker App built with React. Users can add, delete, and toggle tasks. Tasks are saved to localStorage so they remain after refresh.

This project demonstrates:

• ⚛️ Using React functional components and hooks (useState, useEffect)

• 💾 LocalStorage persistence for tasks

• 🎨 Dynamic styling & conditional rendering

• ➕ Adding, ❌ deleting, ✅ marking tasks as done

• Data Persistence: Tasks stay even after page refresh via LocalStorage.
• Dynamic UI: Toggleable task entry bar and real-time state updates.
• Conditional Styling: Visual feedback for completed tasks using double-click toggle.
• Responsive Design: Seamless experience across mobile and desktop.

Full Stack - Tutorial App
|
|----readme.md   
├── public
│     └── index.html
│  
├── src
│    ├── components
│    │       ├── Header.jsx
│    │       ├── AddTaskForm.jsx
│    │       └── ShowTasks.jsx 
│    │            
│    ├── helper
│    │       └── starterData.js
│    │
│    ├── pages
│    │       └── Home.jsx
│    │
│    ├── App.js
│    ├── App.scss
│    ├── index.js
│    └── index.css
│
├── package.json
└── yarn.lock

• Frontend: React.js
• State Management: Hooks (useState, useEffect)
• Styling: SASS / CSS3
• Icons: React-icons

To clone and run this application, you'll need Git, Node.js, and a package manager (yarn or npm) installed on your computer.

# Clone this repository
$ git clone https://github.com/umitarat-dev/Persistent-Taskflow.git

# Navigate into the project folder
$ cd Persistent-Taskflow

# Install dependencies
$ yarn  
$ yarn start

# or using npm
$ npm install
$ npm start

• Built for educational purposes.
• Demonstrates state management and local persistence in React.
• Showcases conditional rendering and form handling.

• Clarusway
• React Icons

I am always open to discussing new projects, creative ideas, or opportunities to be part of your visions.

• LinkedIn: linkedin.com/in/umit-arat
• Email: [email protected]
• GitHub: github.com/umitarat-dev (Current Workspace)