Giter VIP home page Giter VIP logo

phone-book-project's Introduction

Phone-Book-Project

Link to Website

You can view the website by clicking this link

Screenshot 2023-06-30 at 17 32 08

Note: Remember that because I use a free account in Render.com. so it will spin down with inactivity. If you can not see it, I don't activate the web yet. Sorry for this inconvenience.

Link to the repository of PhoneBook Front-End

Frontend Repository

Description of Project

A phonebook to save the name and number of a person

1. Access the Phonebook Application:

2. View Existing Contacts:

  • Upon accessing the phonebook application, you are able to view a list of existing contacts if any have been added.

3. Add a Contact:

  • To add a new contact, look for an "Add" button or form on the user interface. Clicking the button should prompt you to enter the relevant details of the new contact, such as name, and phone number. After entering the information, submit the form to save the contact. And remember that the phone number needs to be in this format DDD-DDDDDDD or DD-DDDDDDD and more than 8 characters

4. Edit a Contact:

  • If you need to update the details of an existing contact, you write the same name and a different number. Clicking the button should change the number of contact.

5. Delete a Contact:

  • To remove a contact from the phonebook, find a "Delete" button or link associated with the contact you wish to delete. Clicking on this option should prompt a confirmation dialogue to ensure you want to proceed with the deletion. Confirm the deletion and the contact should be removed from the phonebook.

6. Search and Filter Contacts:

  • If the phonebook application supports search or filtering functionality, look for a search bar or filter options. You can enter search terms or select specific criteria to narrow down the displayed contacts based on your requirements.

Technology I used in this project

Front-End:

  • Languages:
    • HTML
    • CSS
    • Javascript
  • Framework:
    • ReactJs

Back-End:

  • Language:
    • Javascript
    • Node.js
  • Framework:
    • Express.js
    • Mongoose

Database:

  • MongoDB

I also used Render to deploy the app to the internet and MongoDB Atlas to save the data.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.