Contact Management App

A modern contact management web application built with SvelteKit, Tailwind CSS, and SweetAlert2.
Manage contacts, addresses, and user profiles with a clean UI and responsive design.

Features

• User authentication (register, login, logout)
• CRUD operations for contacts and addresses
• Responsive dashboard layout
• Modular Svelte components (forms, buttons, cards, tables)
• Styled with Tailwind CSS v4 and Poppins font
• SweetAlert2 for notifications and confirmations

Getting Started

1. Install dependencies

npm install

2. Run development server

npm run dev

Open http://localhost:5173 in your browser.

3. Build for production

npm run build

4. Preview production build

npm run preview

Project Structure

src/
  app.html           # Main HTML template
  app.css            # Tailwind CSS entry
  lib/
    api/             # API functions
    alert.js         # SweetAlert2 helpers
    components/      # Svelte components (forms, UI, etc)
    assets/          # Static assets (favicon, etc)
  routes/            # SvelteKit routes (pages)

Tech Stack

• SvelteKit
• Tailwind CSS v4
• SweetAlert2
• Font Awesome
• Poppins Google Font

Customization

• Tailwind config: Edit tailwind.config.cjs in project root.
• PostCSS config: Edit postcss.config.cjs in project root.
• Components: Add or modify Svelte components in src/lib/components/.

License

MIT

Credits

Built by Miftachul Huda using SvelteKit and Tailwind CSS. (Learning Project Svelte)