项目作者: Neuroplastic1

项目描述 :
Full-Stack App to store Self-help Affirmations. [Deployed] https://neuroplastic1.github.io/affirmationStationClient/
高级语言: JavaScript
项目地址: git://github.com/Neuroplastic1/affirmationStationClient.git
创建时间: 2020-07-01T12:35:59Z
项目社区:https://github.com/Neuroplastic1/affirmationStationClient

开源协议:Other

下载


Affirmation Station

Capture and Integrate everyday inspiations into life enriching affirmations.

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