Popular Quotes Application

Table of Contents

1. Overview
1. Link to webpage
2. Screenshot
2. My Process
1. Built With
2. How It Works
3. What I Learned
4. Optimizations

Overview

I built a full-stack CRUD application to track my favorite & popular quotes and store in a MongoDB database.
My application is hosted on Heroku.

Link to webpage:

https://popular-quotes-app.herokuapp.com/

Screenshot

My Process

Built With:

• MongoDB
• Node.js
• Express
• EJS
• Javascript/HTML/CSS

How It Works

Upon entering a name and quote and clicking the button, the quote/name data is stored in a MongoDB database. The page is redirected (aka refreshed) and the new name/quote is shown on the page. Additionally, the user can 'like' and 'delete' names/quotes from the page and database by clicking the 'thumbs up' and 'trash' icons. The number of 'likes' on the page will increase by 1 upon each 'thumbs up' click.

What I Learned

I learned about databases and related functions, such as creating, reading, deleting and updating data. I learned how to push my code to Heroku, including how to troubleshoot Heroku error codes. Also, I learned about object-oriented databases, how to sort data and enter things into the DOM.

Optimizations:

I would like to provide the following future features/optimizations:

• User login and authentication - create userbase for each user
• Name and quote suggestion and auto-complete
• Use a UI framework (bootstrap) to redesign the look of the website