Vue Journey – Thin, Pragmatic Frontend (Vue 3 + Vite + TypeScript)

The main part of this repo reflects my learning path for Vue 3 which is based on the book Frontend Development Projects with Vue.js 3 by Maya Shavin and Raymond Camden, and which is published by Packt Publishing. The Github repository for its content is at https://github.com/PacktPublishing/Frontend-Development-Projects-with-Vue.js-3

The book's content is organized as:

Part 1: Introduction and Crash Course

Chapter 1: Starting Your First Vue Project

Chapter 2: Working with Data

Chapter 3: Vite and Vue Dev Tools

Part 2: Building Your First Vue App

Chapter 4: Nesting Components (Modularity)

Chapter 5: The Composition API

Chapter 6: Global Component Composition

Chapter 7: Routing

Chapter 8: Animations and Transitions

Part 3: Global State Management

Chapter 9: The State of Vue Management

Chapter 10: State Management with Pinia

Part 4: Testing and Application Development

Chapter 11: Unit Testing

Chapter 12: End-to-End Testing

Chapter 13: Deploying Your Code to the Web

Each chapter of the book is numbered and includes exercises and activities under the vuejs3-projects-book directory.

---

This repo mirrors my other learning repos and focuses on small, comprehensible Vue 3 examples that serve as a thin presentation layer for backends.

---

What to look at first

• SUMMARY.md – index of examples and projects
• projects/ – thin UIs talking to simple APIs (mocked or real)
• docs/architecture – decisions (why Vite, why TS, minimal state)

Tooling

• Vue 3 + Vite + TypeScript
• Vitest for unit tests
• ESLint + Prettier

Commands

npm i
npm run dev
npm run build
npm run preview
npm run lint
npm run test

Status Badges

License

MIT