DIAZ OSProjects
Back to Projects

Full Stack App — Node.js + Vue 3

Live

A full-stack web application built to explore technologies beyond Ruby on Rails: Node.js backend with Express REST API and Vue 3 frontend.

Solo Developer · 2024

The Problem

Wanted to strengthen knowledge in technologies different from Ruby on Rails — specifically building a complete REST API backend with Node.js/Express and a reactive frontend with Vue 3.

The Solution

Built a full-stack CRUD application: Express.js REST API handling authentication, data operations, and business logic, with a Vue 3 SPA consuming the API. MySQL as the relational database.

Architecture

Decoupled frontend/backend: Express REST API with JWT auth and MySQL for persistence. Vue 3 SPA with the Composition API consuming the API. Each service runs independently.

Key Challenges

  • Structuring an Express app with clean separation of routes, controllers, and services
  • Handling JWT authentication state reactively in Vue 3 with the Composition API
  • Managing MySQL connections efficiently in a Node.js environment

Tech Stack

Node.jsExpress.jsVue 3MySQL

Details

CategoryFull Stack
Year2024
RoleSolo Developer