https://github.com/tusharjain5/contact-manager
Contact Manager is a responsive React app enabling CRUD operations with JSON, built using HTML, CSS, JavaScript, and Bootstrap for efficient contact management
https://github.com/tusharjain5/contact-manager
css html5 javascript json reactjs
Last synced: 2 months ago
JSON representation
Contact Manager is a responsive React app enabling CRUD operations with JSON, built using HTML, CSS, JavaScript, and Bootstrap for efficient contact management
- Host: GitHub
- URL: https://github.com/tusharjain5/contact-manager
- Owner: tusharjain5
- Created: 2024-10-06T15:58:26.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-12-17T17:41:14.000Z (over 1 year ago)
- Last Synced: 2025-02-16T20:34:41.568Z (over 1 year ago)
- Topics: css, html5, javascript, json, reactjs
- Language: JavaScript
- Homepage:
- Size: 231 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Contact Manager
The Contact Manager is a responsive web application built with React, HTML, CSS, JavaScript, and Bootstrap. Designed to simplify contact management, it allows users to add, edit, view, and delete contact entries with intuitive, easy-to-use functionality, utilizing JSON for data storage.
## Key Features
1. **Add New Contact**: Provides a simple form to add new contact details such as name, email, phone number, and address.
2. **Edit Contact**: Allows updating contact information, ensuring all entries remain accurate.
3. **Delete Contact**: Enables removal of unwanted contact entries from the list.
4. **View Contact List**: Displays all contacts in an organized layout, making it easy to search and browse.
5. **CRUD Operations with JSON**: Performs create, read, update, and delete (CRUD) operations with JSON, offering an efficient, lightweight data management solution.
6. **Responsive Design**: Adapts seamlessly to different screen sizes for an optimal user experience on any device.
## Getting Started
Follow these steps to set up and run the Contact Manager on your local machine.
### Prerequisites
- **Node.js** and **npm** installed on your system.
### Installation
1. **Clone the Repository**:
```bash
git clone https://github.com/tusharjain5/Contact-Manager.git
cd Contact-Manager
2. **Install Dependencies**:
npm install
4. **Run the Application**:
npm start
The application will be accessible at http://localhost:3000.
### Explore Features:
You can now add, edit, view, and delete contacts.
### Tech Stack
1.**Frontend**: React, HTML, CSS, JavaScript, Bootstrap
2.**Backend (Data Storage)**: JSON
3.**IDE**: Visual Studio Code (recommended)
### Contributing
Contributions are welcome! Please fork the repository and create a new branch for your changes. Once you’ve made the changes, submit a pull request.
1. Fork the Repository
2. Create a Branch:
git checkout -b feature/YourFeature
3. Commit Your Changes:
git commit -m 'Add some feature'
4. Push to the Branch:
git push origin feature/YourFeature
5. Create a Pull Request
### Contact
For any questions or support, feel free to reach out:
**Email: jaint8648@gmail.com**
Thank you for using Contact Manager!
## License
This project is licensed under the MIT License.