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.

Stars
3
Committers
1

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: React framework used for building the application.
  • React.js: JavaScript library for building user interfaces.
  • TailwindCSS: Used for responsive and efficient styling.
  • Appwrite: Backend as a service for authentication and database.
  • OpenAI API: Integration with ChatGPT API for generating automatic summaries.
  • Zustand: Lightweight and intuitive state management for React.
  • React Beautiful DnD: To create drag-and-drop interfaces.
  • React Confetti: Adds a celebratory touch when tasks are completed.
  • Vercel: Platform for deploying and hosting the project, ensuring fast and reliable performance.
  • Jest: 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:

    git clone https://github.com/your-username/taskstar-ai-app.git
    cd taskstar-ai-app
    
    
  2. Install dependencies:

    npm install
    
    
  3. Run the application in development mode:

    npm run dev
    
    
  4. Build the project for production:

    npm run build
    
    
  5. Start the server::

    npm start
    

🖥️ Demo

Related Projects