https://github.com/asifdotexe/axios-mockapi-contactlist
Contact Manager App | Demonstrating CRUD operation using Axios with the help of MockAPI | React Project
https://github.com/asifdotexe/axios-mockapi-contactlist
axios axios-react bootstrap contactlist-application crud-application css full-stack full-stack-web-development html javascript mockapi mockapi-io react reactjs
Last synced: 4 months ago
JSON representation
Contact Manager App | Demonstrating CRUD operation using Axios with the help of MockAPI | React Project
- Host: GitHub
- URL: https://github.com/asifdotexe/axios-mockapi-contactlist
- Owner: Asifdotexe
- Created: 2023-09-04T04:08:45.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-01T12:32:15.000Z (over 1 year ago)
- Last Synced: 2025-04-06T21:07:38.097Z (about 1 year ago)
- Topics: axios, axios-react, bootstrap, contactlist-application, crud-application, css, full-stack, full-stack-web-development, html, javascript, mockapi, mockapi-io, react, reactjs
- Language: JavaScript
- Homepage:
- Size: 1.87 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Contact Manager
A simple contact manager application built using React and Axios for CRUD operations.
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
## Introduction
This Contact Manager is a web application that allows you to manage your contacts efficiently. It provides basic CRUD (Create, Read, Update, Delete) functionality for contacts and uses Axios to communicate with a backend mock API to perform these operations.
## Features
- Add a new contact with first name, last name, and phone number.
- View a list of all contacts.
- Update contact information.
- Delete contacts.
- Integration with a mock API [Link](https://mockapi.io/)
## Getting Started
### Prerequisites
To run this application, you need to have the following software installed:
- Node.js and npm (Node Package Manager) - [Download here](https://nodejs.org/)
### Installation
1. Clone the repository to your local machine:
```
git clone https://github.com/Asifdotexe/axios-mockapi-contactlist.git
```
2. Navigate to the project directory:
```
cd contact-manager
```
3. Install the project dependencies:
```
npm install axios
```
### Usage
1. Start the development server:
```
npm start
```
2. Open your web browser and visit http://localhost:3000 to access the Contact Manager
### Author
[Asif Sayyed](https://www.linkedin.com/in/asifdotexe/)