Skip to content
All projects

Study2025

Contact Book

A Vue single-page contact manager with search, sorting and edits that persist in local storage.

Visit the live site(opens in a new tab)View code(opens in a new tab)
  • Vue
  • Vite
  • JavaScript
  • CSS
Contact Book — homepage
Client
College coursework
Sector
Vue coursework
Platform
Vue 3 + Vite
Role
Front-end development
Year
2025

Goal of the collaboration

Practise a real SPA architecture — routing, components and state — in an app that stays simple to use.

A Vue 3 coursework build covering the full CRUD loop with routing, components and persistence across reloads.

for code quality
A+
local and fast
SPA
data persisted locally
100%
Visit the live site(opens in a new tab)View code(opens in a new tab)

The challenge

The assignment required full create, read, edit and delete flows with data that survives a page reload, without a backend.

What I did

  1. 01Vue 3 SPA with Vue Router views
  2. 02Search, alphabetical sorting and inline deletion
  3. 03Local storage as the persistence layer

Selected screens

Open any image for a larger view — arrow keys move between shots.

The outcome

A working contact manager that covers the full CRUD loop and keeps every change after refresh.

Building something similar?

I'm open to front-end roles and freelance work. Tell me what you're shipping.

Let’s talk

More projects

All projects
Let's talk