Inspiration
Its always easy to think of new things to try, but creating plans is difficult and sticking to a plan is even more so. We asked what is something we would use and would want to use on a day to day basis, and found pain points we shared as a group.
When designing our project we asked: Why would I want to use this? What keeps me from just using a chatbot? What is the difference between this and an existing product? Who is our target audience? This lead us to create and design something we want to use and hope others do to.
What it does
Lattice is a platform that allows users to easily track their progress towards anything. From mastering skills, learning something new, or training better habits Lattice is there. A custom built agentic system creates dynamic plans around a user's interest, new skill, or task they want to track. An easy to use user interface allows anyone to pick up and track a new goal using natural language. Lattice keeps users engaged, adding friends to see their progress, track streaks as you learn and grow, and notifications to keep you on track. Learn anything, master anything, and train your habits with Lattice.
How we built it
After coming up with the idea of Lattice we analyzed the technical challenges and our skillset. Our team had a diverse skillset to cover a variety of areas. Team members skilled in UI/UX Design, Database design, Agentic development, Front end development, and shared knowledge in a variety of areas. These skills plus a variety of Windows, Linux, and Apple devices lead us to choose a full stack application for mobile devices. The tech stack we landed on is MongoDB for our database, Flutter for our frontend, Python for our backend, Firebase for authentication, Railway for deployments, Google ADK (Agent Development Kit) for building agents, and Chat GPT for the model powering the agents. This tech stack was aimed toward emerging technologies to build skills in these areas.
After our tech stack was decided we implemented an Agile like workflow and split into our different area of expertise. Scaffolding out the project quickly, designing our data schemas, and using Figma to build an A11y compliant user interface. We opted into a design first approach which allowed us to create a solid foundational understanding across the team and then implement and iterate quickly.
Finding bugs, engineering solutions, and constantly asking what can we do better and how can we make this complete was the perfect workflow for us. The entire team pitched in design ideas across the board. This allowed us to share knowledge and grow as a team.
Challenges we ran into
We ran into a lot of issues on this project. Creating clean animations in Flutter to capture the user the first time they open the app took a lot of time designing and implementing. Creating a multi agent system that flows seamlessly while outputting consistent accurate data. Tuning prompts to get the perfect output and switching gears when certain agents couldn't work together. Representing complex data in an intuitive UI that enables anyone to use this platform. Creating a dynamic system for a broad range of skills. Creating a modern and unique user interface while maintaining a11y/wcag compliance. Managing the connection utilizing a broad range of devices and technologies.
Accomplishments that we're proud of
Jeffer's Animation.
Creating a deployed project is something we all celebrate.
A generalized agentic tool that can be broad and encompass anything, while utilizing a human in the loop for flexibility is a platform we are excited we got the opportunity to develop.
The logo and card carousel we believe create an immaculate design. As a team when the logo was finalized everyone was happy and smiling. The homepage card carousel creates a unique homepage that captures users.
A git like graph to track users plans as they change over time. This allows users to change any aspect of their plan, come back to it, and alternate it in any way. Creating a dynamic plan that is tailored to the user was a key goal of our and achieving it we all view as success.
Packing a lot of features into a fully deployed production ready app while not making it too verbose.
What we learned
Google Agent Development Kit and how to create modern agentic workflows. Creating unique animations in Flutter. Created UI that can handle dynamic data systems.
What's next for Lattice
Releasing on Google play store and iOS store. Better scalability. Utilizing the social aspect to create group streaks and group tasks. An easy to read widget for user's home screen on their mobile device. Company Partner ships rewarding 30 day plans based on the skillset/mastery they learned. IE local businesses providing coupons to users based on their plan
Log in or sign up for Devpost to join the conversation.