Shoulder.dev transforms codebases into tailored learning experiences. Below are organized categories of the codebase to help you start with your initial focus.
Understanding the Helix framework is crucial. This likely involves learning its core concepts, components, and how it integrates with GPT scripts for generating recipes.
Learning about the structure and implementation of the SQLite database (recipes.sqlite) used to store recipe data is crucial for managing and querying recipe information.
The frontend (built with React) provides the user interface for interacting with the generated recipes. Topics include: React.js: Learn React fundamentals for building the user interface.
Understand the organization and interactions between components (App.tsx, Loading.tsx, Dashboard.tsx, etc.). Styling: Learn about CSS and how it’s used to style the frontend (App.css, index.css, theme.ts).
Understanding how the application is deployed (using helix-server.sh) and hosted on the Helix platform is important for launching and maintaining the service.
Exploring how the application is built, tested, and deployed automatically using CI/CD principles and tools is key to streamlining development and ensuring quality.
Understanding how the codebase is organized into different directories and files (gptscripts, src, public) to promote code maintainability and scalability.