Yachashun

“Yachashun: ¡Responde y aprende.”

Comment

Project Story: Yachashun

Inspiration

The inspiration behind Yachashun came from observing the challenges faced by Ecuadorian students across all educational levels in accessing reliable answers and clear explanations for their homework. While platforms like Brainly exist, many are tailored to other contexts and do not reflect the local curriculum or cultural needs. Yachashun — which means “Let’s learn together” in Quechua — was created to build a collaborative, inclusive academic community tailored to the real needs of students in Ecuador and Latin America.

What it does

Yachashun is a free educational platform where anyone can:

  • Ask academic questions categorized by subject and education level
  • Answer questions and earn points
  • Vote on the best answers
  • View user stats and top contributors
  • Upload or take a photo with their question (optional)
  • Access all questions and answers even without logging in

It includes gamification features (points, levels, badges), a moderation/reporting system, and an admin dashboard for managing content and categories.

🛠️ How we built it

  • Frontend: Built with React.js and TailwindCSS for a modern, responsive, and accessible design.
  • Backend: Powered by Supabase (PostgreSQL) for authentication, database, storage, and row-level security.
  • Key Libraries: react-hook-form, zod, framer-motion, lucide-react, @supabase/supabase-js, etc.
  • UI/UX Design: 8px spacing system, dark mode, smooth transitions, and reusable component architecture.
  • Version Control: Git + GitHub

Challenges we ran into

  • Managing complex foreign key relationships in Supabase (especially between questions and answers)
  • Handling timing issues between authentication and user profile creation
  • Implementing proper Row-Level Security (RLS) while maintaining public access to content
  • Ensuring full CRUD support without compromising security
  • Integrating upvote/downvote logic and automatic gamification
  • Handling avatar/image uploads correctly and consistently

Accomplishments that we're proud of

  • Building a complete, usable platform from scratch
  • Fully functional authentication and CRUD system
  • Automated gamification with SQL triggers and visual feedback
  • Admin panel with content moderation and category management
  • Fully responsive, polished UI with modern UX principles
  • Public access to questions and user profiles without login

What we learned

  • Building a full-stack SPA using React and Supabase from the ground up
  • Best practices for authentication and secure data handling
  • Real-time state management with error handling and form validation
  • UI/UX design tailored to educational platforms and student engagement
  • Structuring a scalable database schema for a collaborative Q&A system

What's next for Yachashun

  • Push notifications for new answers or interactions
  • Direct messaging between users
  • AI-assisted answer suggestions and moderation
  • Support for uploading files, voice notes, or short videos
  • PWA and mobile app versions (React Native)
  • Advanced analytics for educators and moderators
  • Interface translations for Indigenous languages and regional expansion

Yachashun is more than just an app — it’s a movement for collaborative, free, and accessible education.

Built With

Share this project:

Updates