Overview

I'm a web developer with a passion for learning and improving. I built this contacts web app to stay updated on the latest web technologies and best practices with REACT, Node.js and MongoDB. My goal is to create more user-friendly web applications as I continue to grow in the field of software engineering.

I developed a Contacts React Web App that displays information from an API that I was able to create with Node.js and using the MongoDB framework as a demonstration of my proficiency in the Javascript language in web development. This web app is able to display the contacts information to users, as well as the ability to create, edit and delete the contacts.

To run the web app locally, here are the steps to take in the terminal:

• git clone https://github.com/narah10/Contacts-Web-App.git
• cd backend
• Run 'node server.js' so the API server can start running and be able to connect with the front-end
• Run cd .. to return to the contacts directory and then run cd contacts-web-app to switch directories
• Run npm install
• Run npm start
• Open http://localhost:3000 to view it in your browser.

Software Demo Video

Web Pages

This web app's main page displays the contacts in the database and does not have multiple web pages. It is focused more on using the created API and being able to change the information displayed as it also updates the database.

Development Environment

• Visual Studio Code
• Git
• MongoDB

Here are the programming languages I used for this software

• JavaScript
• Node.js
• CSS
• REACT
• Express.js

Useful Websites

• mongodb.com
• codeforgeek.com

Future Work

• Currently I can only change the database from using a rest client so I want to incorporate the frontend to have a method of adding information so the user's input can be sent to update the database
• I want to make the web app more user friendly by improving the design