SmartLife AI

• 

  DashBoard

• 

  AI Assistant

Inspiration

Managing daily tasks, studies, and personal activities can sometimes be difficult. We wanted to create a simple tool that helps people organize their day and stay on track.

What it does

SmartLife AI is a daily planner and productivity assistant. Users can add, edit, delete, and complete tasks, organize their daily schedule, and interact with a productivity assistant. It also supports browser-based voice interaction.

How we built it

We built SmartLife AI using React, Vite, JavaScript, and CSS. We used browser speech features for voice interaction and local storage to save task data in the browser.

Challenges we ran into

We focused on making the website simple to use, keeping the task management features functional, and making the layout work on different screen sizes.

Accomplishments that we're proud of

We are proud to build SmartLife AI, a simple and useful website that brings task management, daily planning, and a productivity assistant together in one place.

We successfully implemented features that allow users to add, edit, delete, and complete tasks. We also added browser-based voice interaction and designed the website to work on both desktop and mobile-sized screens.

One of our main accomplishments was turning our idea into a working application with a simple interface that is easy for people to understand and use. This project helped us improve our web development skills and understand how to build a practical solution for everyday problems.

What we learned

We learned how to build an interactive web application, manage tasks in the browser, and add voice features to improve the user experience.

What's next for SmartLife AI

We would like to improve the assistant, add more personalized planning features, and explore cloud-based data storage in the future.

Built With

• css
• javascript
• local-storage
• react
• vite
• webspeechapi