I want to build a task and project management tool with two tables: one for tasks and one for projects. The tool should include the following features:
1. Tables and Metrics:
• Tasks Table:
• Columns: Task Name, Due Date, Priority, Status, Assigned To
• Projects Table:
• Columns: Project Name, Start Date, End Date, Status, Owner
2. Ghost Row:
• Each table should have a ghost row at the bottom.
• When the ghost row is clicked, it should add a new empty row to the table.
• The ghost row should always be present, even after adding new rows.
3. Simplicity:
• Keep the UI simple and user-friendly.
• Allow easy navigation between the tasks and projects tables.
4. Additional Options:
• Include basic sorting and filtering options for both tables.
• Allow editing and deleting of rows.
Please build this tool using a simple and efficient tech stack. Thank you!
This is a gptengineer.app-synced repository 🌟🤖
Changes made via gptengineer.app will be committed to this repo.
If you clone this repo and push changes, you will have them reflected in the GPT Engineer UI.
This project is built with React and Chakra UI.
- Vite
- React
- Chakra UI
git clone https://github.com/GPT-Engineer-App/task-project-manager.git
cd task-project-manager
npm i
npm run dev
This will run a dev server with auto reloading and an instant preview.
- Node.js & npm - install with nvm