This is a simple single-page application (SPA) built with React.js that functions as a personal phone book / contact manager. It allows users to:
- View a list of contacts, sorted alphabetically.
- Add new contacts with a name and phone number.
- Delete existing contacts.
- Browse contacts easily with alphabetical grouping.
- Contact Listing: Displays all added contacts in a clear, organized list.
- Alphabetical Grouping: Contacts are automatically grouped and displayed under their respective initial letter (e.g., 'A' for Alice, 'J' for John).
- Add Contact: A dedicated screen to input new contact details (Name and Phone).
- Delete Contact: Easily remove contacts from the list.
- Responsive Design: Designed with a mobile-first approach, providing a clean user interface optimized for mobile devices (demonstrated on desktop).
- Modern UI: Clean, intuitive, and visually appealing user interface with consistent theming.
- React.js
- HTML5
- CSS3
- JavaScript
- Clone the repository:
git clone [https://github.com/Clenilton-Filho/react-phone-book.git](https://github.com/Clenilton-Filho/react-phone-book.git)
- Navigate into the project directory:
cd react-phone-book - Install dependencies:
npm install
To run the app in development mode:
npm start
# or
yarn start