view css

.gitignore

@@ -0,0 +1,28 @@
+# Logs
+front-end/logs
+front-end/*.log
+front-end/npm-debug.log*
+front-end/yarn-debug.log*
+front-end/yarn-error.log*
+front-end/pnpm-debug.log*
+front-end/lerna-debug.log*
+
+front-end/node_modules
+front-end/dist
+front-end/dist-ssr
+front-end/*.local
+
+# Editor directories and files
+front-end/.vscode/*
+front-end/!.vscode/extensions.json
+front-end/.idea
+front-end/.DS_Store
+front-end/*.suo
+front-end/*.ntvs*
+front-end/*.njsproj
+front-end/*.sln
+front-end/*.sw?
+
+# server files
+back-end/node_modules
+bacl-end/package-lock.json

README.md

@@ -1,19 +1,64 @@
-![StackUp Banner]([https://tinkerhub.frappe.cloud/files/stackup%20banner.jpeg])
-# Project Name
-Long Description about project. This project do that. This project is awesome...
-## Team members
-1. Name [Embed personal github URL]
-2. Name [Embed perosnal github URL]
-## Team Id
-Team id here
-## Link to product walkthrough
-[link to video]
-## How it Works ?
-1. Explaining the working of project
-2. Embed video of project demo
-## Libraries used
-Library Name - Version
-## How to configure
-Instructions for setting up project
-## How to Run
-Instructions for running
+![StackUp Banner](https://tinkerhub.frappe.cloud/files/stackup%20banner.jpeg)
+
+# 📇 Contact Manager
+
+This is a web application where users can store and manage their contacts with features like add, edit, and delete.
+
+---
+
+## 👥 Team Members
+
+1. **Akhil** - [GitHub Profile](https://github.com/Akh1l51j1)  
+2. **Allen** - [GitHub Profile](https://github.com/Mr-Allen-29)  
+3. **Rayan** - [GitHub Profile](https://github.com/MhdRayanBinSN)  
+4. **Alwin** - [GitHub Profile](https://github.com/AKA717)  
+
+---
+
+## 🆔 Team ID
+
+**retr0**
+
+---
+
+## 📽️ Link to Product Walkthrough
+
+🎥 [Watch the product walkthrough](https://clipchamp.com/watch/oR2dSbDILaH)
+
+---
+
+## 💡 How It Works
+
+1. **Store and Manage Contacts**: Add, edit, and delete contacts easily.
+2. **User-Friendly Interface**: Built with a simple and intuitive UI.
+3. **Seamless Integration**: Utilizes MongoDB for data storage and Express for backend handling.
+
+*(Embed a demo video or screenshots of the project here)*
+
+---
+
+## 🛠️ Tech Stack
+
+- **Frontend**: React, Vite ⚛️
+- **State Management**: Redux 🗂️
+- **Styling**: Tailwind CSS 🎨
+- **Backend**: Node.js, Express.js 🌐
+- **Database**: MongoDB 🗄️
+
+---
+
+## ⚙️ How to Configure
+
+### Requirements
+
+1. **MongoDB** must be installed 📦
+2. **Node.js** must be installed 🖥️
+
+### Setup Instructions
+
+1. Clone the repository:
+
+   ```bash
+   git clone https://github.com/retr0717/retr0-stackup
+   cd front-end && npm i && npm run dev
+   cd back-end && npm i && npm start

back-end/helpers/constants.js

@@ -0,0 +1,5 @@
+const constants = {
+    USER_API : 'http://localhost:4000/api/user'
+}
+
+export default constants;

back-end/helpers/user-helper.js

@@ -0,0 +1,19 @@
+const { Products } = require('../model/model');
+
+module.exports = {
+    randomItems: () => {
+       return new Promise(async (resolve,reject) => {
+        const products = await Products.find();
+
+        arr = [];
+
+        for (let i = 0; i < 4; i++) {
+            product = products[Math.floor(Math.random() * products.length)];
+            if (!arr.some(item => item === product))
+                arr.push(product);
+        }
+
+        resolve(arr);
+       })
+    }
+}

back-end/model/model.js

@@ -0,0 +1,56 @@
+const mongoose = require('mongoose');
+const Schema = mongoose.Schema;
+
+const UserSchema = new Schema({
+    username: {
+        type: String,
+        required: [true, 'username field is required']
+    },
+    email: {
+        type: String,
+        required: [true, 'Email field is required']
+    },
+    password:{
+        type: String,
+        required: [true, 'password field is required']
+    },
+    date : {
+        type: Date,
+        default : Date.now
+    }
+});
+
+const contactSchema = new Schema({
+    _id: { 
+        type: Schema.Types.ObjectId, auto: true 
+    },
+    name : {
+        type: String,
+        required: [true, 'name field is required']
+    },
+    phone : {
+        type: String,
+        required: [true, 'phone_no field is required']
+    },
+    email : {
+        type: String,
+        required: [true, 'email field is required']
+    },
+    address : {
+        type: String,
+        required: [true, 'address field is required']
+    }
+
+})
+
+const userContacts = new Schema({
+    contacts: [contactSchema] // Array to store contacts
+  });
+
+const User = mongoose.model('users',UserSchema);
+const Contact = mongoose.model('contacts',userContacts);
+
+module.exports = {
+    User,
+    Contact
+};