Skillnest

Lost in your adult life. Heres all you need to get started.

Comment

Inspiration

The idea for Skillnest came from a deeply personal place.

As someone who had always lived with my parents, many aspects of adult life were naturally taken care of. When I finally had to manage things on my own, I found myself struggling with even the most basic tasks — cooking, budgeting, planning routines, or setting up a kitchen. Everything felt overwhelming.

Being an introvert, I often avoided asking for help, partly due to the fear of being judged for not knowing “simple” things. I would spend hours overthinking or trying to figure things out by myself, piecing together information from different sources online. But that too came with its own problem — you can only search for something if you know what you’re looking for.

I realized that I wasn’t alone. Many people step into adulthood without being equipped with practical life skills, not because they lack intelligence or willpower, but because those things were never taught or discussed openly.

Skillnest was born out of that experience — to create a safe, guided, and judgment-free platform that helps people transition into independent living with confidence. Whether it's managing a budget, learning how to cook, or just figuring out how to build a daily routine, Skillnest is here to help — no overthinking required.

What it does

Skillnest is a comprehensive life skills learning platform designed to empower individuals — especially those stepping into independent living — with the practical knowledge and tools needed for everyday adulting. It offers a personalized, hands-on experience that helps users take control of their home, kitchen, time, and finances.

Here’s what Skillnest currently offers:

  • 🧹 Personalized Life Skills Learning Explore core skills like Home Management, Cooking Basics, and Personal Finance. Each skill includes step-by-step guidance, smart tips, and specialized how-tos like stain removal, organizing clothes, and cleaning techniques — all with progress tracking.

  • 🍳 Recipe Collection & Voice-Guided Cooking Access a diverse recipe library or add your own. Skillnest also features a voice-guided cooking mode for a hands-free, stress-free kitchen experience.

  • 🛒 Smart Shopping List Management Create shopping lists manually or with voice input. The Kitchen Setup Guide helps generate customized lists based on your budget, cooking level, and kitchen essentials.

  • 📆 Routine & Habit Tracker Build a daily routine based on your preferences, lifestyle, and goals. Track completions, build streaks, and stay accountable through a visual calendar.

  • 💰 Budget Planner Manage your finances with tools to track income, expenses, and allocations using the 50/30/20 rule. Review your financial history to gain insights and stay on top of your spending habits.

  • 👤 User Profile & Personalization Set up your personal profile — including living situation, dietary preferences, household role, and budget — to receive tailored content and recommendations.

  • 🥫 Food Storage Guide Learn how to store food efficiently for freshness and longevity, with dedicated sections for short-term and long-term methods.

Skillnest brings all of these features together in one intuitive platform, making adult life not only manageable but empowering.

How we built it

Skillnest was built as a solo project using a modern, efficient tech stack to deliver a smooth and personalized user experience. Development happened in small focused sessions — squeezed between parenting an infant and a preschooler — which made every moment of progress especially meaningful.

🔧 Tech Stack Overview

  • Languages:

    • TypeScript and JavaScript for robust application logic
    • HTML for structure
    • CSS (via Tailwind) for responsive styling

  • Frameworks & Libraries:

    • React for building dynamic and modular user interfaces
    • Lucide React for a wide range of sleek, customizable icons
    • Tailwind CSS for utility-first, consistent styling
    • Vite as the build tool for lightning-fast development and optimized production

  • Backend-as-a-Service (BaaS):

    • Supabase powers the backend with:
    • A PostgreSQL database to store user data such as routines, budgets, recipes, profile info, shopping lists, and task completions
    • Authentication (including Google OAuth) for secure and easy login
    • Row-Level Security (RLS) to ensure users can only access their own data

  • APIs & Integrations:

    • TheMealDB API for importing a diverse collection of recipes
    • Web Speech API for:
    • Voice input (used in the shopping list feature)
    • Voice-guided cooking instructions (via speech synthesis)

  • Recommendation Engine:

    • A custom-built decision tree powers smart recipe suggestions based on user preferences, available ingredients, and time constraints

🧠 Design Philosophy

The app architecture emphasizes modularity, scalability, and accessibility. Features were added with a user-first mindset — especially for individuals who might be learning these skills from scratch. Special attention was given to ease of navigation, smooth data flow, and a clean visual layout.

Despite the tight timeline and personal responsibilities, Skillnest evolved into a full-featured, scalable solution — built with care, empathy, and a desire to help others transition into adult life more confidently.

Challenges we ran into

Building Skillnest came with its fair share of challenges — both technical and personal.

One of the biggest hurdles was narrowing down the scope of the app. "Adulting" is such a broad and multifaceted topic, and I had to carefully decide which features would provide the most value without overwhelming users or cluttering the interface.

Another key challenge was integration. I didn’t want Skillnest to feel like a scattered set of tools. Designing a smooth interaction between modules like the budget planner, recipe organizer, kitchen setup guide, and calendar required thoughtful planning to ensure everything felt cohesive and user-friendly.

On the technical side, implementing the decision tree for the recipe recommendation engine took more time than anticipated. Fine-tuning it to make useful, context-aware suggestions without hardcoding logic was a challenge — especially under hackathon time constraints.

Additionally, working with AI support came with its own set of surprises. At times, the AI would alter or overwrite parts of the code I hadn’t asked it to, leading to unintended side effects. Some features I had already tested and perfected began to behave unexpectedly, and I had to spend additional time debugging what had already been “done.” This taught me the importance of verifying everything — even when using helpful tools — and maintaining tight control over versioning.

But perhaps the most significant challenge was time. As a solo developer and a parent of an infant and a preschooler, finding even a few uninterrupted minutes each day was tough. Most of the work was done in short bursts during naps, late nights, or early mornings. Managing that balance between caregiving and coding required immense focus, patience, and persistence.

Despite all these hurdles, every small step forward — whether it was getting a component to render correctly or seeing the recommendation engine come to life — felt like a meaningful win.

Accomplishments that we're proud of

One of the most rewarding aspects of building Skillnest was seeing features come to life that I personally wished existed — tools that I now plan to use in my own daily life.

Here are a few accomplishments I’m especially proud of:

  • 🎙️ Voice-Guided Cooking Mode Being able to cook hands-free with real-time voice instructions felt like magic. This feature makes cooking less intimidating, more accessible, and surprisingly fun — especially for beginners or multitaskers.

  • 🗓️ Routine Recommendation Engine Creating a system that suggests personalized daily routines based on lifestyle and preferences was a huge win. It's like having a supportive coach helping you build consistency without the pressure.

  • 💸 Budget Planner with Smart Allocation The budgeting tool was designed to be simple yet powerful, making financial planning approachable even for those with no prior experience. I’m genuinely excited to use this to track my own income and expenses.

Most of all, I'm proud that I was able to build a meaningful, working product while managing parenting and a busy home life. It’s proof that even small, focused steps can lead to something truly useful — both for myself and hopefully for many others.

What we learned

Building Skillnest was not just a technical journey — it was a deeply personal one. Throughout the process, I learned that:

  • Small pockets of time can still lead to big progress. Working in short bursts — often between caring for an infant and a preschooler — taught me to prioritize, plan efficiently, and focus only on what truly matters.

  • Solving your own problems is a powerful starting point. Many of the features in Skillnest were born from personal struggles. That honesty helped shape a solution that feels authentic, relatable, and genuinely helpful.

  • Technical growth happens naturally when solving real problems. I gained hands-on experience with tools like React, Supabase, and Web APIs — but more importantly, I explored new concepts like decision trees for building recommendation logic. Designing a custom decision tree taught me how structured, logic-based thinking can help create smart, dynamic features.

  • AI is powerful — if you know how to ask. One of the most surprising things I learned was how much a tool like Bolt can help — not just for code, but for brainstorming, copywriting, and logic planning. With the right prompts, it felt like having a teammate who could support me in any direction I wanted to take.

  • Voice and personalization go a long way. Adding voice-guided features and personalized routines made the app feel more human — like a companion rather than just a tool.

Most importantly, I learned that you don’t need perfect conditions to build something meaningful. You just need the right problem, a little clarity, and the courage to start — even if it’s one small step at a time.

What's next for Skillnest

Skillnest is just getting started. We’re already working on several smart features to take the platform to the next level:

  • 📥 Advanced Recipe Import Soon, users will be able to import recipes directly from top cooking websites like AllRecipes, Food.com, and Epicurious with just a URL.

  • 📸 Recipe OCR An upcoming Optical Character Recognition (OCR) tool will allow users to snap a photo or upload a PDF of a recipe, and the app will extract all ingredients and steps automatically.

  • 🧾 Smart Bill Scanner To simplify expense tracking, users will soon be able to upload images of grocery bills and receipts. The app will intelligently pull item names and prices to update budget logs and even suggest future shopping lists.

In addition to feature upgrades, Skillnest will continue to grow in scope. We're planning to introduce more life skill categories based on thorough user research, feedback, and real-life struggles faced by young adults. From laundry hacks and basic plumbing to emotional wellness and digital organization, future updates will aim to cover a wide range of everyday skills — ensuring Skillnest becomes a truly comprehensive guide for modern adult life.

Built With

Share this project:

Updates