Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thaixjacob/taskstar
TaskStar AI App is a task management tool tailored for children. The app leverages Next.js for the frontend, Zustand for state management, and integrates with OpenAI’s ChatGPT to generate AI-powered task summaries. Designed with simplicity in mind, it enables kids to easily manage tasks within a user-friendly and visually appealing interface.
https://github.com/thaixjacob/taskstar
appwrite drag-and-drop frontend openai openai-api tailwindcss typescript vercel zustand
Last synced: 2 months ago
JSON representation
TaskStar AI App is a task management tool tailored for children. The app leverages Next.js for the frontend, Zustand for state management, and integrates with OpenAI’s ChatGPT to generate AI-powered task summaries. Designed with simplicity in mind, it enables kids to easily manage tasks within a user-friendly and visually appealing interface.
- Host: GitHub
- URL: https://github.com/thaixjacob/taskstar
- Owner: thaixjacob
- Created: 2024-08-24T14:47:20.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-17T12:47:48.000Z (3 months ago)
- Last Synced: 2024-10-02T05:20:50.376Z (3 months ago)
- Topics: appwrite, drag-and-drop, frontend, openai, openai-api, tailwindcss, typescript, vercel, zustand
- Language: TypeScript
- Homepage: https://taskstar-ai.vercel.app/
- Size: 1.34 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TaskStar AI App 🌟
Welcome to the **TaskStar AI App**! This application was created to help children organize their tasks in a fun and intuitive way.
With the needs of children in mind, TaskStar offers a simple and colorful interface, allowing children to easily add, delete and search for their tasks. In addition, with the help of ChatGPT's artificial intelligence, the application generates automatic summaries of activities, encouraging children to learn to organize themselves from an early age in a light and interactive way.
## 🚀 Features
- **AI Summaries**: Using ChatGPT, the app generates summaries of tasks, giving kids an overview of what needs to be done.
- **Add Tasks**: Kids can quickly and easily add their daily tasks.
- **Delete Tasks**: Completed or unnecessary tasks can be removed with ease.
- **Search Tasks**: A search bar helps kids quickly find specific tasks.
## 📦 Technologies Used
- **[Next.js](https://nextjs.org/)**: React framework used for building the application.
- **[React.js](https://reactjs.org/)**: JavaScript library for building user interfaces.
- **[TailwindCSS](https://tailwindcss.com/)**: Used for responsive and efficient styling.
- **[Appwrite](https://appwrite.io/)**: Backend as a service for authentication and database.
- **[OpenAI API](https://openai.com/api/)**: Integration with ChatGPT API for generating automatic summaries.
- **[Zustand](https://zustand-demo.pmnd.rs/)**: Lightweight and intuitive state management for React.
- **[React Beautiful DnD](https://github.com/atlassian/react-beautiful-dnd)**: To create drag-and-drop interfaces.
- **[React Confetti](https://github.com/alampros/react-confetti)**: Adds a celebratory touch when tasks are completed.
- **[Vercel](https://vercel.com/)**: Platform for deploying and hosting the project, ensuring fast and reliable performance.
- **[Jest](https://jestjs.io/)**: Testing framework for running unit tests, ensuring the application’s reliability.
## 🤖 Artificial Intelligence
The app uses OpenAI's API to integrate ChatGPT's artificial intelligence, which assists in creating automatic summaries of tasks. This feature aims to encourage children to reflect on their activities and develop a critical and organized mindset.
## 🛠️ Development
Linter: The project uses ESLint to keep the code clean and organized.
Typescript: Used to provide a safer development environment with static typing.
## 🎨 Interface
TaskStar's interface is designed with pastel colors and interactive elements to make the user experience enjoyable and appropriate for children.
## 📚 How to Run the Project
1. **Clone the repository**:
```bash
git clone https://github.com/your-username/taskstar-ai-app.git
cd taskstar-ai-app
```
2. **Install dependencies**:
```bash
npm install
```
3. **Run the application in development mode**:
```bash
npm run dev
```
4. **Build the project for production**:
```bash
npm run build
```
5. **Start the server:**:
```bash
npm start
```
## 🖥️ Demo
This project is deployed in Vercel, check it out by clicking on this link!
MIT License - Copyright © 2023 - Thais Jacob