# contact-app-mern-assignment
-
In this assignment, I successfully designed and implemented a full-stack contact management application. On the backend, I utilized Express.js to create an API for storing and managing contact information. This API supported basic CRUD operations, allowing users to retrieve, create, update, and delete contacts. Contact data was stored MongoDB database.
-
On the front end, I developed a React application that interacted seamlessly with the backend API. The user interface displayed a list of contacts, including their names, phone numbers, and email addresses. Users could add new contacts using a user-friendly form and could also edit, delete, update, and download PDF contact information as needed.
-
To enhance user experience, I incorporated search functionality, enabling users to quickly locate contacts by name. Additionally, I implemented sorting options, making it easy to organize and view contacts based on various criteria. This assignment demonstrates my proficiency in both frontend and backend development, as well as my ability to create a cohesive and user-friendly application for managing contacts.
- ADD Contact
- GET Contact
- UPDATE Contact
- DELETE Contact
- Sorting Contact By Name
- Searching Contact By Name
- PDF Download -
- React.js
- JSX
- Html
- Css
- Chkra-Ui
- Javascript
- -Node.js
- Express.js
- MongoDB
- Vercel
- Render
Clone the project
https://github.com/priyankaphulmante98/contact-app-mern-assignment.git
Go to the project directory
cd frontend
Install dependencies
npm install
Start the server
npm run start
React.js, Api, Render, Jsx, Css, Javascript, Node.js, Express.js, MongoDB.
VS code, GitHub, Git, Render, Postman, Vercel.
- In addition to completing the assignment, I have also deployed the backend of the application on Render
- render link => https://contact-app-mern-backend.onrender.com
- backend codebase => https://github.com/priyankaphulmante98/contact-app-mern-backend
👤 Priyanka Phulmante
- GitHub: @priyankaphulmante98