A Mern Contact Book

Streamline your contacts with our user-friendly Contact Management System

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🚀 More

🤖 Introduction

Discover the power of the MERN stack as we present a cutting-edge Contact App, where Node.js and Express.js form a robust backend, TypeScript enhances the frontend with Next.js, and features like authentication, authorization using JWT tokens and cookies, and a user-friendly interface make contact management a breeze. Dive into a fully functional system, where efficiency meets elegance.

⚙️ Tech Stack

• TypeScript
• Nodejs
• Expressjs
• MongoDB
• Next.js
• TailwindCSS
• Shadcn

🔋 Features

👉 State-of-the-Art Technology Stack:

• MERN stack leveraging MongoDB, Express.js, React, and Node.js.
• TypeScript for enhanced frontend development.

👉 Advanced Authentication and Authorization:

• Secure user authentication using JWT tokens and cookies.
• Authorization mechanisms ensuring data privacy and access control.

👉 Seamless Frontend Design:

• Next.js with TypeScript for a smooth and intuitive user interface.
• Responsive design for optimal user experience across devices.

👉 Fully Functional Contact Creation System:

• Robust backend with Node.js and Express.js for efficient data handling.
• MongoDB for seamless storage and retrieval of contact information.

👉 Efficient User Management:

• User-friendly interfaces for user registration and profile management.
• Streamlined processes for creating, editing, and deleting contacts.

👉 Optimized Performance:

• Next.js features for optimal performance and server-side rendering.
• Efficient handling of data with MongoDB for a responsive application

👉 Documentation:

• Well-documented codebase for easy understanding and future development.
• README file providing clear instructions for setup and usage.

Explore the MERN Contact App for a feature-rich and user-friendly contact management experience!

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/your-username/your-project.git
cd your-project

Installation

Frontend

cd frontend

Install the project dependencies using npm:

npm install

Backend

cd backend

Install the project dependencies using npm:

npm install

Environment Variable

Create a new file named .env in the root of your backend folder and add the following content:

PORT= 8000
CORS_ORIGIN = *
MONGODB_PASSWORD=Your-secret
JWT_SECRET= your-jwt-secret
COOKIE_SECRET=your-cookie-secret
MONGODB_URI=your-mongodb-uri

Replace the placeholder values with your actual credentials

Running the Project

npm start

Open http://localhost:3000 in your browser to view the project.

🚀 More

File Converter Ecommerce Sanity