TWC TEST WEB (Simple Contacts Management Web Application)

Description

The Contact Management System is a sophisticated Vite.js web application designed to streamline and enhance the way users manage their contacts. Built with a focus on user experience and efficiency, this application provides a simple solution for organizing, accessing, and managing contact information with ease.

Demo

INFINITY.mp4

Getting Started

Prerequisites

• Node.js
• npm or yarn

Installation

1. Clone the repository (API):

   git clone https://github.com/Niraj-Dilshan/twc-test-api.git
   

2. Open directory:

   cd twc-test-api
   

3. Install dependencies:

   npm install
   

4. Set up the .env file:

   cp .env.example .env
   

5. Update the .env file with the following information:

   PORT=3001 #port number
   MONGODB_URI=mongodb://localhost/db #mobgodb url
   SECRET_KEY=SecretKey #secret key
   

6. Back to root directory

   cd ..
   

7. Clone the repository (Web):

   git clone https://github.com/Niraj-Dilshan/twc-test-web.git
   

8. Open directory:

   cd twc-test-web
   

9. Install dependencies:

   npm install
   

10. Set up the .env file:

    cp .env.example .env
    

11. Update the .env file with the following information:

    VITE_API_URL=http://localhost:3001 # path to user api
    

How to start

1. Open directory(API):

   cd twc-test-api
   

2. Start API:

   npm start
   

3. Open directory(WEB):

   cd twc-test-web
   

4. Start Web:

   npm run dev
   

Showcase

Login Page

Register Page

Welcome Page

Contact Adding Page

View Contact Page

Edit Contact

Edit Contact Sucess

Contact Delete

Contact Delete Sucess