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

https://github.com/devil-1964/mycontactsapp

The MyContacts API is a secure contact management system built with Node.js, Express, and MongoDB. It uses JWT 🔐 for authentication, ensuring that only authenticated users 👤 can manage their personal contacts 📇. The frontend is built with React, utilizing ShadCN for UI components and React Hot Toast for notifications, and is deployed on Vercel.
https://github.com/devil-1964/mycontactsapp

express nodejs

Last synced: 4 months ago
JSON representation

The MyContacts API is a secure contact management system built with Node.js, Express, and MongoDB. It uses JWT 🔐 for authentication, ensuring that only authenticated users 👤 can manage their personal contacts 📇. The frontend is built with React, utilizing ShadCN for UI components and React Hot Toast for notifications, and is deployed on Vercel.

Awesome Lists containing this project

README

          

# MyContacts App 📇✨

The MyContacts App is a secure contact management system built using the MERN stack (MongoDB, Express, React, Node.js). It allows users to manage their personal contacts with ease and includes user authentication with JSON Web Tokens (JWT) for secure access. 🔐

[![MyContacts App](https://github.com/user-attachments/assets/0d4b7af2-3c37-48ca-ae88-9b183ff4c35d)](https://my-contacts-app-five.vercel.app/)

## 🚀 Features

- **🔑 User Authentication**: Secure login and registration using JWT.
- **📱 Contact Management**: Add, edit, delete, and view contacts.
- **🔔 React Hot Toast**: Notifications for user interactions like adding or deleting contacts.
- **💅 Responsive Design**: Built using ShadCN for beautiful, responsive UI.
- **🚀 Deployment**: Frontend deployed on Vercel, and backend hosted on Render.

## 🛠️ Tech Stack

### 🌐 Frontend

- **⚛️ React**: UI Library for building the user interface.
- **💡 ShadCN**: For enhanced UI components.
- **🔥 React Hot Toast**: For smooth, user-friendly notifications.
- **⚡ Vite**: Fast build tool for the frontend.

### 💻 Backend

- **🟢 Node.js**: JavaScript runtime for server-side logic.
- **🚏 Express**: Web framework for building the API.
- **🍃 MongoDB**: Database for storing contacts.
- **🔐 JWT**: For secure user authentication.

## 🗝️ .env

```
VITE_GITHUB_USERNAME=
VITE_API_URL=
```