adnenre

Managing Contacts - Angular

Contact management prototype with authentication & localStorage

Angular TypeScript localStorage Custom UI Reactive Forms

#Managing Contacts – Angular

A modern contact management web application built with Angular 21 using a feature‑based architecture.
Users can register, log in, and manage their personal contacts – currently a front‑end prototype using localStorage for data persistence.

All UI components are custom‑made (no Material, Bootstrap, or other external UI libraries).

#Screenshots

LoginRegisterContacts Dashboard
LoginRegisterContacts

#Features

  • Authentication – Register and login securely (demo users stored in localStorage)
  • Responsive UI – Works on desktop, tablet, and mobile
  • Fast & modern – Built with Angular standalone components & reactive forms
  • Persistent storage – Uses localStorage for demo/prototype
  • Custom UI components – No external library (buttons, modals, inputs, tables built from scratch)
  • Contact Management – Add, edit, delete, and list contacts (planned)

#Tech Stack

  • Angular 21 – Frontend framework
  • TypeScript – Type‑safe development
  • Features Architecture – Feature‑based module organisation (auth, contacts, shared, core)
  • Reactive Forms – Form handling & validation
  • localStorage – Temporary data storage for demo
  • GitHub Pages – Hosting + angular-cli-ghpages

#Live Demo

👉 Managing-contacts-angular

Share this post