Building Blason to Learn Full-Stack Architecture

Описание и применение

Разработчик создал проект Blason, чтобы улучшить навыки full-stack разработки. Он перешел от использования Supabase к локальной архитектуре на базе Express и SQLite, чтобы лучше понять взаимодействие компонентов приложения.

Задача

The developer wanted to move beyond isolated frontend projects and build a complete application to improve full-stack development and software architecture skills.

Результат

The developer successfully built a full-stack application, transitioning from a managed service (Supabase) to a self-hosted architecture (Express + SQLite) to gain deeper understanding of system interactions.

Рабочий процесс

• Identify the need to build a complete application rather than an isolated frontend project.
• Define the tech stack: React, TypeScript, Express, SQLite.
• Implement core features: Authentication, REST APIs, File handling, User profiles, Quests, Submissions.
• Initially use Supabase for backend services.
• Refactor to replace Supabase with a local Express + SQLite architecture.
• Implement underlying application stack components manually to understand interactions.
• Analyze the flow: frontend → API → business logic → database → authentication → workflows.
• Publish the project as open source.

Доказательства

The application initially relied on Supabase. I later replaced that dependency with a local Express + SQLite architecture.

Источник

The most valuable part of the project was not any particular framework. It was learning how the different parts of a real application interact: frontend → API → business logic → database → authentication → workflows.

Источник