Affirmation Station
Capture and Integrate everyday inspiations into life enriching affirmations.
Links
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.
After user is signed-in, user has access to creating, reading, updating and removing Affirmations. All data is saved in mongoDB
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!