Address Book is a simple and easy-to-use contact management web application. With its clean and user-friendly interface, you can manage your contacts and their addresses effortlessly. Address Book is built with PHP, MySQL, HTML, CSS, and JavaScript. It also supports Progressive Web App (PWA) features, allowing users to add it to their home screen for quick access.
- Manage Contacts: Add, edit, and delete contacts with their addresses.
- User Authentication: Sign up or log in to manage your personal address book.
- Responsive UI: The interface is optimized for all screen sizes.
- PWA Support: Users can install the Address Book app on their devices using "Add to Home Screen."
app/
├── auth/
│ ├── login.php
│ └── signup.php
├── contact/
│ ├── index.php
│ ├── server.php
│ └── style.css
assets/
├── icons/
│ ├── android/
│ ├── ios/
│ ├── windows11/
│ ├── add-user.svg
│ ├── back.svg
│ ├── delete-user.svg
│ ├── edit-user.svg
│ ├── logo.svg
│ └── logout.svg
sql/
├── init.sql
manifest.json
docker-compose.yml
- PHP (>=7.0)
- MySQL
- Web Browser that supports PWA (for "Add to Home Screen" feature)
-
Clone the repository:
git clone https://github.com/your-repo/address-book.git cd address-book
-
Set up the database:
- Use the
init.sql
file to set up the MySQL database. You can import this file via PHPMyAdmin or using the MySQL command line.
mysql -u your_user -p your_password < sql/init.sql
- Use the
-
Run the Application:
- If using Docker, use the provided
docker-compose.yml
file to spin up the environment.
docker-compose up
- If using Docker, use the provided
-
Access the Application:
- Open the app in your browser at
http://localhost
or wherever your server is hosted.
- Open the app in your browser at
- Add to Home Screen: Address Book supports PWA features. Users can add the app to their device's home screen by clicking the "Add to Home Screen" option in their browser.
-
Sign Up / Log In:
- New users can sign up, while existing users can log in to access their personal address book.
-
Manage Contacts:
- On the home page, you can view a table of all your contacts.
- Use the blue button to edit a contact and the red button to delete a contact.
- To create a new contact, click on the "Add Contact" button, and fill out the form with details like Name, Phone Number, Email, and Address.
We welcome contributions! To contribute:
- Open an Issue: If you find a bug or want to request a feature, open an issue.
- Work on the Issue: Once the issue is assigned to you, work on resolving it.
- Create a Pull Request: After resolving the issue, submit a pull request for review.
This project is licensed under the MIT License. See the LICENSE file for more details.