Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rir360/contact-circle

Contact Circle is a simple contact app that allows you to list your contacts based on the closeness of the people in your life.
https://github.com/rir360/contact-circle

animista axios cors express font-awesome formik mongodb mongoose nodejs pm2 reactjs rir360 tailwind tailwindcss

Last synced: about 3 hours ago
JSON representation

Contact Circle is a simple contact app that allows you to list your contacts based on the closeness of the people in your life.

Awesome Lists containing this project

README

        

![Contact circle MERN app preview made by Rejwan Islam Rizvy, Rizvi](https://github.com/RIR360/Contact-Circle/assets/50569315/60f13e4e-2412-43da-902d-ef8e74491f87)

# Contact Circle

Contact Circle is a simple contact app that allows you to list your contacts based on the closeness of the people in your life. This project serves as a demonstration of a Node.js application showcasing the MERN (MongoDB, Express.js, React, Node.js) architecture and how to build a RESTful API server.

## Features

- User-friendly interface to manage your contacts.
- Sort contacts by the closeness of your relationships.
- Add new contacts with ease.
- Edit or delete existing contacts.
- A RESTful API server for data management.

## Technologies Used

- **MongoDB**: Used for storing and managing contact data.
- **Express.js**: A Node.js web application framework for building the API server.
- **React**: Front-end library for creating interactive and dynamic user interfaces.
- **Node.js**: Server runtime for building the back-end of the application.
- **And More**: Axios, Cors, Formik, Mongoose, PM2, Tailwind, Animista, Font Awesome

## API Endpoints

- GET /api/contacts: Get a list of all contacts.
- GET /api/contact: Get a specific contact.
- POST /api/contact/upload: Create a new contact.
- POST /api/contact/update: Update a contact.
- POST /api/contact/delete: Delete a contact.

## Installation

To run this project locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/your-username/contact-circle.git

2. Navigate to the project directory:
```bash
cd Contact-Circle

3. Update Environment Variable files:
```bash
/Server/.env
/Client/src/env.js

4. Install server dependencies and start:
```bash
cd Server
npm install
npm start

5. Install client dependencies and start:
```bash
cd Cerver
npm install
npm start

6. Open your web browser and go to **http://localhost:3000** to use Contact Circle.

## Contributing
Check out the [contributing guidelines](https://github.com/RIR360/Contact-Circle/blob/main/CONTRIBUTING.md)

## License
This project is licensed under the [MIT License](https://github.com/RIR360/Contact-Circle/blob/main/LICENSE).