Email & Phone Registration App

A simple web application for collecting and managing email addresses and phone numbers.

Features

  • Clean, responsive registration form
  • Email and phone number validation
  • SQLite database storage
  • View all registered contacts
  • Duplicate prevention
  • RESTful API endpoints

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   └── contacts.ts      # Contact management routes
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React component
│   │   ├── ContactForm.tsx  # Registration form
│   │   └── ContactList.tsx  # Display registered contacts
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

API Endpoints

  • GET / - Serve the main application
  • GET /api/contacts - Get all registered contacts
  • POST /api/contacts - Register a new contact
  • DELETE /api/contacts/:id - Delete a contact

Usage

  1. Visit the application URL
  2. Fill in the registration form with email and phone number
  3. Submit to register the contact
  4. View all registered contacts in the list below