Skip to content

shivam28singh/TaskDashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Task Dashboard

A modern, responsive task management dashboard built with React, showcasing essential frontend engineering skills.

🚀 Features

  • ✅ Create, Read, Update, Delete (CRUD) operations
  • 🔍 Search and filter tasks
  • 🎯 Priority management (Low, Medium, High)
  • 📊 Real-time statistics dashboard
  • 💾 LocalStorage persistence
  • 📱 Fully responsive design
  • 🎨 Modern UI with Tailwind CSS
  • ⚡ Performance optimized with React hooks

🛠️ Technologies Used

  • React 18
  • Tailwind CSS
  • Lucide React (icons)
  • LocalStorage API

📦 Installation

  1. Clone the repository or create the project structure
  2. Install dependencies:
npm install
  1. Start the development server:
npm start

The app will open at http://localhost:3000

🌐 Deployment to Vercel

Method 1: Using Vercel CLI

npm install -g vercel
vercel

Method 2: Using Vercel Dashboard

  1. Push your code to GitHub
  2. Go to vercel.com
  3. Import your repository
  4. Vercel will auto-detect it's a Create React App
  5. Click "Deploy"

📱 Skills Demonstrated

  • React Fundamentals: Hooks (useState, useEffect, useMemo)
  • State Management: Complex state logic with multiple pieces of state
  • Performance Optimization: Memoization for expensive computations
  • Modern JavaScript: ES6+ features, array methods, destructuring
  • Responsive Design: Mobile-first approach with Tailwind CSS
  • User Experience: Interactive UI with smooth transitions
  • Data Persistence: LocalStorage integration
  • Code Organization: Clean, maintainable component structure

📄 License

MIT License - feel free to use this for your portfolio!

About

Web Application Dashboarding for managing tasks

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published