Skip to content

Taskalicious is a responsive and well-designed to-do list application built with React.js, TypeScript, TailwindCSS, and animate.js. It allows users to manage their tasks efficiently with features like adding, deleting, updating, and filtering tasks

License

Notifications You must be signed in to change notification settings

bouzayenilyes/Examen_ts

Repository files navigation

Taskalicious - Your Daily Organizer πŸš€

A modern task management app built with React.js, TypeScript, and Tailwind CSS.

License: MIT React TypeScript Tailwind CSS

Taskalicious Screenshot

πŸ“‹ Use Case

Taskalicious Use Case Diagram

✨ Features

  • πŸ“ Easy task creation with titles and descriptions
  • πŸ”„ Intuitive drag-and-drop reordering
  • πŸ” Search and filter functionality
  • πŸ“Š Task statistics dashboard
  • πŸŒ“ Light/Dark theme support
  • πŸ“± Responsive design
  • πŸ“€ Share tasks via QR code

πŸ› οΈ Tech Stack

  • Frontend: React.js, TypeScript
  • Styling: Tailwind CSS
  • State Management: Zustand
  • Drag & Drop: Dnd Kit
  • Build Tool: Vite
  • Icons: Lucide React
  • Date Handling: Date-fns

πŸš€ Quick Start

# Clone repository
git clone https://github.com/bouzayenilyes/examen_ts.git

# Install dependencies
cd Examen_ts
npm install

# Start development server
npm run dev

πŸ“œ Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run lint - Run ESLint
  • npm run preview - Preview production build

πŸ“‚ Project Structure

taskalicious/
β”œβ”€β”€ public/            # Static assets
β”œβ”€β”€ src/              # Source code
β”‚   β”œβ”€β”€ components/   # React components
β”‚   β”œβ”€β”€ store/       # Zustand store
β”‚   β”œβ”€β”€ types/       # TypeScript types
β”‚   └── App.tsx      # Main component
└── [config files]   # Configuration files

🀝 Contributing

  1. Fork the repository
  2. Create feature branch (git checkout -b feature/amazing-feature)
  3. Commit changes (git commit -m 'Add amazing feature')
  4. Push to branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

πŸ“„ License

MIT License

Made with ❀️ by [Neovimmer]

About

Taskalicious is a responsive and well-designed to-do list application built with React.js, TypeScript, TailwindCSS, and animate.js. It allows users to manage their tasks efficiently with features like adding, deleting, updating, and filtering tasks

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published