Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ipuppyyt/task-tracker
A simple and efficient Todo App built with Next.js, Tailwind CSS, Shadcn UI, and Headless UI.
https://github.com/ipuppyyt/task-tracker
Last synced: 24 days ago
JSON representation
A simple and efficient Todo App built with Next.js, Tailwind CSS, Shadcn UI, and Headless UI.
- Host: GitHub
- URL: https://github.com/ipuppyyt/task-tracker
- Owner: ipuppyyt
- License: mit
- Created: 2024-07-19T01:10:12.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-01-04T01:10:00.000Z (about 1 month ago)
- Last Synced: 2025-01-08T09:48:36.951Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://ipuppyyt.github.io/task-tracker
- Size: 616 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TaskTracker
A simple and efficient Todo App built with Next.js, Tailwind CSS, Shadcn UI, and Headless UI.
## Demo
[Click here for live preview](https://ipuppyyt.github.io/task-tracker)
## Features
- Add, edit, and delete tasks
- Mark tasks as complete
- Responsive design for desktop and mobile
- Persistent storage using IndexedDB
## Technologies Used
- Next.js: A React framework for building server-rendered applications
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs
- Shadcn UI: A set of accessible and customizable React components
- Headless UI: A set of unstyled, fully accessible UI components
- IndexedDB: A client-side database for storing data persistently
## Preview
##### Preview 1
##### Preview 2
## Getting Started
### Prerequisites
- Node.js (version 12 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/ipuppyyt/task-tracker.git
```
2. Navigate to the project directory:
```bash
cd task-tracker
```
3. Install dependencies:
```bash
npm install
```
OR
```bash
yarn install
```
### Running the App
1. Start the development server:
```bash
npm run dev
```
OR
```bash
yarn dev
```
2. Open your browser and visit http://localhost:5173 to see the app in action.
## Contributing
Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an [issue](https://github.com/ipuppyyt/task-tracker/issues) or submit a [pull request](https://github.com/ipuppyyt/task-tracker/pulls).