Skip to content

Neuroplastic1/affirmationStationClient

Repository files navigation

Affirmation Station

Capture and Integrate everyday inspiations into life enriching affirmations.

Links

Client-side deployed

Server-side deployed

Server-side repository

Technologies Used

  • JavaScript
  • HTML
  • jQuery
  • Bootstrap
  • Flexbox
  • CSS
  • cURL
  • handlebar

User stories

As a user in this application, I want to be able to sign-up and then sign-in. After being signed-in i want to be able to create new affirmation with required input, i want be able to delete my affirmation, i want to be able to view all affirmations.as a user i also want to be able to edit my previous affirmation. as a user i want to be able to change my password and sign out.

Wireframes

Before user is signed in give access to sign up form and sign in form. Screen Shot 2021-05-27 at 7 39 41 PM

After user is signed-in, user has access to creating, reading, updating and removing Affirmations. All data is saved in mongoDB

affirmationStation1

Planning and Building process

I aproached creating this app by making an approximate time plan of the process. I first set up my server side schema with mongoose and routes with express. On client side I first added all authentication forms and affirmation CRUD froms to html. I used Jquery and handlebars for event handling and ui flow and used ajax for handling api requests and responses from server side. in the end I used css to add background image and aligning the forms and UI.

A big shout out to GA community for constant support through this project!

General Assembly Logo