Team Task Tracker
This is a small full stack demo project built as part of the Spark Tutoring interview task. The goal was to build a simple tool where a team can add tasks, edit them, assign them to someone, and mark them as complete.
The project uses:
Node.js + Express for the backend
Very simple React loaded directly from CDN for the frontend
Axios for API calls
No Vite, no CRA, no build tools, just a light and easy setup
I chose this approach to keep the project clean and easy to run, since the task required something simple and fast to demonstrate my thought process and coding style.
Features
Add new tasks
Edit existing tasks
Assign a task to a team member
Mark tasks as complete
Simple clean UI
React used with JSX and hooks (useState, useEffect)
Lightweight backend API with in-memory task storage
How to run the project
- Start the backend cd backend npm install npm run dev
The API runs on
- Start the frontend
Open the file:
frontend/index.html
You can open it by double clicking or with VS Code Live Server.
The app will load in your browser. Make sure the backend is running first.
API Endpoints Method Endpoint Description GET /api/tasks Get all tasks POST /api/tasks Create a task PUT /api/tasks/:id Update a task PATCH /api/tasks/:id/complete Mark a task as complete If this was used inside Spark
If this were used in a real environment, the next improvements I would add are:
Database storage instead of in memory
User authentication and roles
Filters and search
Email or Slack notifications for important updates
Sorting tasks by due date or status
Purpose of this project
This small exercise shows my ability to:
Build a working full stack feature quickly
Explain my work clearly
Keep code simple and readable
Work independently and deliver an end-to-end solution
Thank you for reviewing the project.