Skip to content

Client-side of TaskWave | A Freelancing platform where Employer make task and freelancers bid on tasks etc. | React, Tailwind CSS, DaisyUI | πŸ”— Live: https://taskwave-sarfaraz-akram.netlify.app

Notifications You must be signed in to change notification settings

SarfarazAkram17/Taskwave-Client

Repository files navigation

TaskWave

TaskWave is a responsive and interactive task management web application that allows users to create, browse, and manage tasks with ease. It includes modern UI/UX enhancements and dynamic user interactions.

πŸ”— Live Site: (https://assignment-10-sarfaraz-akram.netlify.app/)

Server Repo: (https://github.com/SarfarazAkram17/TaskWave-Server)


πŸš€ Features

  • πŸŒ— Light & Dark Theme Toggle

    • Seamless switch between light and dark modes with persistent theme storage using localStorage.
  • πŸ‘₯ User Authentication

    • Users can register, log in, and log out using Firebase Authentication.
  • βž• Add & Manage Tasks

    • Easily add new tasks and manage your posted tasks.
  • πŸ”Ž Browse Tasks

    • View tasks posted by others with a clean interface and intuitive navigation.
  • πŸ’° Bid on Tasks

    • Users can place bids on available tasks, with logic to prevent multiple bids on the same task by same user and who posted the task.
  • 🎨 Modern & Stylish UI

    • Fully responsive layout styled with Tailwind CSS and DaisyUI, optimized for mobile and desktop.
  • 🧠 Tooltip & Alerts

    • Helpful tooltips and interactive alerts for improved user interaction.
  • ⌨️ Animated Typing Effects

    • Enhanced text animations using react-simple-typewriter for a dynamic feel.

πŸ“¦ Packages Used

Package Version Purpose
React Icons 5.5.0 For including beautiful icons across the UI
Tailwind CSS 4.1.7 Utility-first CSS framework for styling
DaisyUI 5.0.35 Pre-built Tailwind components for rapid UI
SweetAlert2 11.21.2 Elegant popup boxes for confirmations
React Toastify 11.0.5 Toast notifications for better experience
React Tooltip 5.28.1 Tooltips on hover for additional context
React Simple Typewriter 5.0.1 Animated typewriter effects

πŸ›  Tech Stack

  • Framework: React (v19.1.0) (with Vite v6.3.5)
  • Styling: Tailwind CSS (v4.1.7), DaisyUI (v5.0.35)
  • Routing: React Router (v7.6.0)
  • Authentication: Firebase (v11.7.3)
  • Hosting: Netlify

πŸ› οΈ Getting Started

git clone https://github.com/SarfarazAkram17/TaskWave-Client.git
cd TaskWave-Client

About

Client-side of TaskWave | A Freelancing platform where Employer make task and freelancers bid on tasks etc. | React, Tailwind CSS, DaisyUI | πŸ”— Live: https://taskwave-sarfaraz-akram.netlify.app

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages