Skip to content

This is the client side of MotivationQ, a app that I created so users can perform all the CRUD actions on their quotes resource. The deployed API that I built for MotivationQ can be found at https://quotes-log-app.herokuapp.com/ and the repo for that API can be found at https://github.com/nelsonh88/quotes-app-api

License

Notifications You must be signed in to change notification settings

nelsonh88/quotes-app-client

Repository files navigation

MotivationQ

Description:

MotivationQ is a application based on building a community to help its users get and stay motivated throughout their daily grind as they reach their goals! Users can store their favorite quotes that help them stay motivated throughout the day and also do the essential CRUD actions on their quote resources. The deployed site can be found at https://nelsonh88.github.io/quotes-app-client/ , enjoy!

How To Use:

- A user must sign up to get full access to the CRUD actions on their quote resource, if they already have an
account they can sign in with their credentials.
- Onced signed in, a user can CRUD on their quotes resource.
- Onced signed in users can see other user's quotes with their names being displayed.
- Users can also add other user's quotes into their quotes list.
- Users can change password and sign out.

List of Technologies Used:

- JavaScript - jQuery - AJAX - A Rails API that I built - Handlebars - SASS/CSS - HTML

Process:

![](https://i.imgur.com/DiGpmd5.jpg)
- First made a wireframe
- Worked on authentication first and made sure that the actions worked.
- I then basically made a CRUD machine for the quotes resource.
- Tested all actions and made sure they worked.
- Then worked on Handlebars to display quotes on views.
- Then styled authentication and CRUD on quotes.
- For version control I used github and committed everyday a few times a day.

Unsolved Problems/Future Iterations:

- Unsolved problems would like to notify the user once logged in when they can see other users' names and their quotes that when that user has yet to submit a quote, some type of notification saying no quotes.
- Also want to prepopulate the update field so a user doesn't have to retype the quote and only change whatever part they want to update in that quote.
- For future additions I want to add a 3rd party API called Twilio where a user will need to input their phone number to get daily quotes from their list.
- I want to work on some more styling to give the user a better experience.
- I want to add a feature where users can have other users as friends and when a user clicks on their name it will take them to their persanalized profile. - Unsolved problem is when a user has no quotes there is no notifcation of when a user has no quotes - I want to implement a search bar so signed insers can search for other users

User Stories:

- User stories can be found here: https://imgur.com/OVS1pmF

MotivationQ's API

- The deployed API for MotivationQ can be found here: https://quotes-log-app.herokuapp.com/users - The repo for MotivationQ's API can be found here: https://github.com/nelsonh88/quotes-app-api

About

This is the client side of MotivationQ, a app that I created so users can perform all the CRUD actions on their quotes resource. The deployed API that I built for MotivationQ can be found at https://quotes-log-app.herokuapp.com/ and the repo for that API can be found at https://github.com/nelsonh88/quotes-app-api

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published