Inspiration
The gap between formal education and real-world preparedness inspired Life Skills Buddy. Too many young adults struggle with essential tasks like filing taxes, navigating healthcare, understanding government services, or even basic job applications. While schools excel at academic subjects, practical life skills often go untaught. We envisioned a platform where experienced individuals could volunteer their knowledge to help others navigate these crucial aspects of adult life.
What it does
Life Skills Buddy connects learners seeking practical knowledge with volunteer mentors who have mastered essential life skills. The platform covers six core categories: taxes & finance, job applications, healthcare navigation, digital security, government services, and education pathways. Users can create learner profiles to find mentors, apply to become mentors themselves, or access self-guided resources. The mentorship system includes messaging, progress tracking, and structured learning paths to ensure meaningful skill transfer.
How we built it
We built Life Skills Buddy as a full-stack web application using React with TypeScript for the frontend and Express.js/Node.js for the backend. The UI leverages Radix UI components styled with Tailwind CSS for a clean, accessible interface. PostgreSQL with Drizzle ORM handles data persistence, while TanStack Query manages server state. Authentication uses Passport.js with session-based auth, and the entire application is hosted on Replit's platform with Neon database integration.
Challenges we ran into
Authentication flow complexity proved challenging, particularly managing form state conflicts between login and signup forms. Database query optimization required careful aliasing to avoid conflicts when joining the same table multiple times. We also encountered nested component issues with React Router that caused console warnings. Session persistence and proper logout behavior needed fine-tuning to ensure smooth user experience across different authentication states.
Accomplishments that we're proud of
Successfully implementing a dual-role system where users can be both learners and mentors. Creating a clean, professional UI that feels approachable for non-technical users. Building a robust matching system that connects learners with appropriate mentors based on skill categories. Establishing a secure authentication system with proper session management. Developing a scalable architecture that can grow with user demand.
What we learned
The importance of user experience in social impact applications - complex features need simple interfaces. Database relationship modeling becomes intricate when users have multiple roles and connections. Session-based authentication requires careful state management between frontend and backend. Building for accessibility and inclusivity takes intentional design decisions. Real-world applications need robust error handling and user feedback mechanisms.
What's next for Life Skills Buddy
Implementing video chat capabilities for remote mentorship sessions. Adding a verification system for mentor credentials and expertise. Creating mobile applications for better accessibility. Developing structured curriculum templates for common skills. Building community features like group learning sessions and forums. Establishing partnerships with schools, libraries, and community centers. Adding multilingual support to reach underserved communities. Creating an achievement system to gamify learning progress.
Built With
- drizzle-orm
- express-sessions
- express.js
- framer-motion
- javascript
- lucide-react
- neon-database
- node.js
- passport.js
- postcss
- postgresql
- python
- radix-ui
- react
- react-hook-form
- replit
- shadcn/ui
- tailwind-css
- tanstack-query
- typescript
- vite
- websockets
- wouter
- zod


Log in or sign up for Devpost to join the conversation.