{"id":21096277,"url":"https://github.com/muskangarg24/user-dashboard","last_synced_at":"2026-04-02T03:08:33.046Z","repository":{"id":188633001,"uuid":"677826464","full_name":"MuskanGarg24/User-Dashboard","owner":"MuskanGarg24","description":"This project aims to create a dynamic user profile page with two main sections: Profile and Connections. The frontend is built using Next.js and styled with Tailwind CSS, while the backend is developed using Node.js and MongoDB.","archived":false,"fork":false,"pushed_at":"2023-08-16T10:52:26.000Z","size":244,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T02:08:05.292Z","etag":null,"topics":["expressjs","mongodb","nextjs","nodejs","reactjs","render","rest-api","tailwindcss","vercel"],"latest_commit_sha":null,"homepage":"https://userdashboardtask.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MuskanGarg24.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-12T19:05:47.000Z","updated_at":"2024-10-09T17:22:12.000Z","dependencies_parsed_at":"2024-11-19T22:55:27.899Z","dependency_job_id":null,"html_url":"https://github.com/MuskanGarg24/User-Dashboard","commit_stats":null,"previous_names":["muskangarg24/oruphones-assignment","muskangarg24/user-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2FUser-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2FUser-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2FUser-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuskanGarg24%2FUser-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuskanGarg24","download_url":"https://codeload.github.com/MuskanGarg24/User-Dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243538099,"owners_count":20307104,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","mongodb","nextjs","nodejs","reactjs","render","rest-api","tailwindcss","vercel"],"created_at":"2024-11-19T22:34:39.456Z","updated_at":"2025-12-30T20:04:43.814Z","avatar_url":"https://github.com/MuskanGarg24.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dynamic User Profile Page\nThis project aims to create a dynamic user profile page with two main sections: Profile and Connections. The frontend is built using Next.js and styled with Tailwind CSS, while the backend is developed using Node.js and MongoDB.\n\n## Table of Contents\n- [Objective](#objective)\n- [Technologies Used](#technologies-used)\n- [Features](#features)\n- [Frontend Development](#frontend-development)\n  - Login and Signup Process\n  - Profile Page\n  - Connections Page\n- [Backend Development](#backend-development)\n- [Deployment](#deployment)\n- [Usage](#usage)\n- [Setup Instructions](#setup-instructions)\n- [Deployment Instructions](#deployment-instructions)\n- [Contributors](#contributors)\n\n## Objective\nThe goal of this assignment is to create a web application that allows users to create and manage their dynamic user profiles. Users can log in, update their profile information, manage their connections, and view their friends.\n\n## Technologies Used\n- Frontend: Next.js, Tailwind CSS\n- Backend: Node.js, MongoDB\n- Deployment: Vercel (frontend), Render (backend)\n\n## Features \n- User authentication (login and signup)\n- Editable profile information\n- Display of user connections with reordering upon connection removal\n\n## Frontend Development\n\n### Login and Signup Process\nThe application features a secure login and signup process. Users can sign up with basic user details or provide additional professional information such as experience, education, and skills. Passwords are securely stored using encryption.\n\n### Profile Page\nThe Profile page displays user information, including the name, profile picture, and bio. Users can also view and edit their professional details using an \"Edit\" button that opens a input field for easy modifications.\n\n### Connections Page\nThe Connections page presents a list of user connections or friends. Users can add and remove connections, and the list automatically reorders to display connected users at the top.\n\n## Backend Development\n\n### API Endpoints\nThe backend provides API endpoints for:\n- User authentication (login and session management)\n- Fetching and updating user profiles\n- Managing user connections and professional details\n\n### MongoDB Integration\nMongoDB is used for data storage and retrieval. User profiles, connections, and professional details are stored and managed within the MongoDB database.\n\n\n## Deployment \nThe project is deployed using the following platforms:\n- Frontend: [Vercel](https://vercel.com/)\n- Backend: [Render](https://render.com/)\n#### Project Deployed Link: [Live Site](https://oruphones-assignment-chi.vercel.app/) \n\n## Usage\nUse the provided login and signup forms to create an account or log in.\nExplore the Profile and Connections pages, update your profile information, manage connections, and observe the reordering of connections.\n- **Signup Page:** `/register`\n- **Login Page:** `/`\n- **User Profile Page:** `/user/profile`\n- **User Connections Page:** `/user/connections`\n\n## Setup Instructions\nClone this repository\n```bash\n  git clone https://github.com/MuskanGarg24/oruphones-assignment\n```\nNavigate to the project directory\n```bash\ncd oruphones-assignment\n```\nInstall frontend dependencies\n```bash\ncd client \u0026\u0026 npm install\n```\nInstall backend dependencies\n```bash\ncd api \u0026\u0026 npm install\n```\nConfigure environment variables for MongoDB, other settings in backend's .env file and localhost for running backend server URL (usually http://localhost:5000).\n\nStart the frontend development server\n```bash\nnpm run dev\n```\nStart the backend development server\n```bash\nnodemon app.js\n```\n\n## Deployment Instructions\n\n### Vercel Deployment\n- Create an account on vercel\n- Import your GitHub repository\n- Choose your branch (usually main) and directory (client)\n- Deploy\n\n### Render Deployment\n- Create an account on render\n- Choose new Web Service\n- Import your GiHub repository\n- Choose your branch (usually main) and directory (api)\n- Add environment variables\n- Deploy\n\n## Contributors \n[Muskan Garg](https://github.com/MuskanGarg24)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuskangarg24%2Fuser-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuskangarg24%2Fuser-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuskangarg24%2Fuser-dashboard/lists"}