Todo App

A simple todo list application built with React and GitHub's Primer Design System.

Features

• ✅ Add new tasks with your name and description
• 📋 View all tasks in a table format
• ⏰ Shows when tasks were last updated
• 🎨 Built with GitHub's Primer UI components
• 📱 Responsive design

How it Works

1. View Tasks: The main screen shows all your todos in a clean table
2. Add New Task: Click the "New Task" button to open the task editor
3. Fill Form: Enter your name and task description
4. Submit: Click submit to add the task to your list
5. Cancel: Use the cancel button to go back without saving

Technologies Used

• React - JavaScript library for building user interfaces
• TypeScript - Type-safe JavaScript
• Vite - Fast build tool and dev server
• Primer React - GitHub's design system and UI components
• Styled Components - CSS-in-JS styling

Getting Started

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Open your browser to the displayed URL (usually http://localhost:5173)

Building for Production

npm run build

The built files will be in the dist folder.