WorkTrack is a full-stack web application for tracking tasks and managing work efficiently.
Built using Laravel (v11), Livewire Starter Kit, PHP, MySQL, and Tailwind CSS / Bootstrap.
This project demonstrates dynamic CRUD operations, real-time updates, authentication, and responsive UI for managing daily tasks and projects.
- User registration and login (Laravel Auth + Livewire)
- Real-time task creation, update, and deletion using Livewire components
- Dashboard showing ongoing tasks and project progress
- Project-level task management with timestamps
- Responsive UI for both desktop and mobile
- Data stored in MySQL
- Clean MVC structure and Livewire integration for modern Laravel practices
- Backend: Laravel (v10–v12), PHP, Laravel Livewire
- Frontend: Blade Templates, Tailwind CSS / Bootstrap, Alpine.js
- Database: MySQL
- Tools: Git, Composer, npm, Postman, VS Code
- Clone the project:
git clone https://github.com/dev-akashshar/WorkTrack.git
- Navigate into project folder:
cd WorkTrack - Install PHP dependencies:
composer install
- Install Node dependencies:
npm install npm run dev
- Copy
.envfile and configure your database:cp .env.example .env
- Update
.envwith your MySQL credentials
- Update
- Run database migrations:
php artisan migrate
- Start the application:
php artisan serve
Open http://localhost:8000 in your browser to view the app.
app/
├─ Http/
│ ├─ Controllers/
│ └─ Livewire/ # Livewire components
bootstrap/
config/
database/
public/
resources/
├─ views/
├─ css/
routes/
tests/
vendor/
.env.example
composer.json
- Register a new account
- Create, update, or delete tasks in real-time using Livewire
- Track project-wise tasks on the dashboard
- Responsive design works seamlessly on mobile and desktop
- Built a real-time CRUD application with Laravel Livewire
- Implemented Livewire components for interactive frontend
- Used Eloquent ORM for database operations
- Applied Blade templates + Tailwind CSS for responsive UI
- Gained experience in MVC architecture + modern Laravel features
- GitHub: dev-akashshar/WorkTrack
- LinkedIn: Akash Shar
- Feel free to reach out via GitHub or LinkedIn for collaborations or questions.