Phonebook

The Technologies Used

• Node
• Express
• MongoDB
• React
• HTML
• Bootstrap
• CSS
• React
• Cors

Our Approach / Purpose of App

Approach

The approach we took for our app is a Single Page Application. Our SPA has MVC file structure with full CRUD for our contacts schema.

Purpose

The purpose of our app is to allow users to store important networking information. This information includes first and last names, phone numbers, addresses and social links. It's a great way for the user to keep up with their friends, family and colleagues.

At this point in our app, we're able to render our login inputs, add new contacts, read contacts and edit contacts. Although we can render our login inputs, we've yet to figure out how to get our front and back end to talk to eachother for login authentication.

Unsolved Problems / Notes For Self

Unsolved Problems

Login authentication-being able to render only our login inputs before displaying other components.

Modal-attempted to create a modal but ran into issues when incorporating Bootstrap.

Notes To Self

• Needs a signup/login page with an encrypted password and authorization flow
• Add modal to display all contact information instead of rendering the information all at once onto the page

Links to heroku (frontend and backend)

https://phonebook-frontend-project3.herokuapp.com/ https://phonebook-backend-project3.herokuapp.com/