📝 Full Stack Take-home Assignment – TODO App

This exercise is intended to evaluate your understanding of full-stack development using your preferred stack.

You’ll build a simple TODO app with basic task management functionality, covering both frontend and backend.

• Frontend: React.js
• Backend: Node.js with Express.js is preferred. But you may choose your preferred backend technology.
• Database: MongoDB or any other Database technologies

You are free to use any UI libraries or tools that improve your productivity.

The app should allow users to:

• ✅ View TODOs: Display a list of all TODO items.
• ➕ Create a TODO: Add a new TODO with a title and optional description.
• ✏️ Edit a TODO: Update the title and/or description.
• ✅ Mark as Done: Toggle a TODO's done status.
• ❌ Delete a TODO: Remove a TODO item from the list.

You're free to organize your code as you see fit, but here's a suggested structure:

hiring-fullstack-todo/
├── client/          # React frontend
│   ├── README.md
│   └── ...
├── server/          # Express backend
│   ├── README.md
│   └── ...
├── README.md

Your Express backend should expose the following RESTful API endpoints:

{
  "_id": "string",
  "title": "string",
  "description": "string (optional)",
  "done": "boolean",
  "createdAt": "Timestamp",
  "updatedAt": "Timestamp"
}

You are encouraged to use Mongoose for schema modeling.

• Display all TODOs in a clean and simple UI
• Provide a form to add new TODOs
• Allow editing a TODO (title/description)
• Provide a way to mark as done/undone (e.g., checkbox, button)
• Add a delete button
• Clearly show completed tasks (e.g., strikethrough or faded style)

• The frontend should talk to the backend via HTTP API
• The backend should persist TODOs in MongoDB
• Handle loading and error states gracefully

Bonus Points For:

• Form validation
• User-friendly error messages
• Optimistic UI updates
• Nice touches in UX (e.g., animations, transitions)
• Monorepo setup using an appropriate technology

Please follow these steps for submission:

1. Fork this repository to your own GitHub account.
2. Create a new branch named develop in your fork.
3. Complete the assignment on the develop branch.
4. Create a Pull Request to your own fork (develop → main).
5. Fill out the provided PR template, including:
   • Summary of what you built
   • Solution rationale & user value
   • A short demo video
6. Fill this form to officially submit your work.

⚠️ Submissions may not be considered if instructions are not followed properly

This task is expected to take 6–8 hours. Please don’t worry about making it perfect — we’re primarily looking at how you approach full-stack development and structure your solution.

• Proper use of chosen stack
• RESTful API structure and usage
• Code readability and organization
• Functional completeness of required features
• Basic UX considerations
• Ability to follow instructions and communicate clearly

Your submission must include:

• README.md file for the frontend with instructions on how to set up and run the frontend app
• README.md file for the backend with:
  • How to set up and run the backend
  • MongoDB connection notes (e.g., Atlas or local)
  • Any assumptions or limitations
• A completed PR template in your pull request

Thank you for taking the time to complete this assignment! We’re looking forward to seeing what you build.