Code Your Dreams

Problem

Code Your Dreams currently provides accessible computer science education, but they lack a streamlined system for efficiently grading assignments and providing real-time feedback. Teachers must manually review coding assignments, which is time-consuming and inconsistent across classrooms. This manual process slows down feedback and places a heavy burden on educators, making it challenging to scale their programs effectively.

Solution

We worked with Code Your Dreams to build a centralized student portal and learning management system called CYD Hub. CYD Hub is a unified platform that aims to provide students with structured guidance and a seamless learning experience. The goal of this platform is to automate assignment organization and eliminate reliance on external coding tools. It allows students to access assignments, submit work, and code directly in an online environment. It enables instructors to manage students, distribute materials, and track progress efficiently. It gives the organization the data collection tools needed to evaluate program effectiveness and student outcomes at scale.

Design

With an emphasis on student engagement, we aimed to create a simplified classroom dashboard that acts as a single source of truth. This allows students to easily access coursework and track their progress, reducing the friction often found in fragmented educational tools. We focused on integrating gamification elements to increase motivation and ensure the platform feels welcoming to students from underrepresented communities. We aimed to create a dedicated coding environment within the platform, simplifying the process of learning to code by removing the need for complex local setups. We ensure consistency for all users by unifying the curriculum and feedback mechanisms into one intuitive interface.

Tech Stack

CYD Hub is a web application that is built with a React and Next.js frontend. We utilized TypeScript throughout the stack to ensure code reliability and maintainability. On the backend, we used Node.js and PostgreSQL to store student data, assignments, and curriculum materials. We integrated a secure code execution engine to power the in-browser IDE, allowing students to run code safely within the application.