Amanda's amazing birthday app

License

1. All content is licensed under a CC­BY­NC­SA 4.0 license.
2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

Birthday-client

The birthdays app allows users to add and store a list of birthdays. The app will also tell the user, how many of their firends birthdays have birthdays left this year from the current date.

1. Link to app: https://aeabbott.github.io/birthday-client/
2. Link to API repo: https://github.com/aeabbott/birthday-api
3. Link to deployed backend: https://pacific-brushlands-38706.herokuapp.com/

Technologies Used

1. HTML
2. CSS
3. Bootstrap
4. Jquery
5. Handlebars
6. Javascript
7. Ruby on Rails

User Stories

Auth User Stories

1. As a user, I want to be able to create an account on the Birthday App with a username.
2. As a user, I want to be able to create a password associated to my account so that no one else can see my birthdays I created.
3. As a user, I want to be able to sign into the Birthday App with the username and password I created.
4. As a user, I want to be able to log out of the Birthday App when I am finished so that others using the same computer cannot access the account without my knowledge.

Interface User Stories

1. As a user, after I've pressed button, I want to see all the birthdays tied to my account so that I can see all my friend's birthdays at once.
2. As a user, I want to be able to add new birthdays to my account so that I can continue to grow my birthday list.
3. As a user, I want to be able to update a birthday so that I can correct any mistakes I have made.
4. As a user, I want to be able to delete a birthday so that I don't have to remember someone's birthday I am not friends with anymore.
5. As a user, I want to know how many birthdays I have remaining in the year, so that I can budget properly for gifts.

Future Enhancements

1. Converting the birthday to a user friendly display. For example, January 1st, 2001 instead of 2001-01-01
2. Clicking the number of birthday remaining in the year, displays a modal with a list of whose birthday qualifies.

Development Process

Development steps:

1. PLAN!
2. Set up authentication backend
3. Test authetnicaiton backend
4. Set up authentication front end
5. Test authetnication front end w/backend
6. Set up brithdays backend
7. Set up CRUD actions
8. Test birthdays CRUD actions w/Curl
9. Set up front end for birthday CRUD
10. Enhancements

Personal Goals for Project

For the tic-tac-toe project, my front end was really basic and was lacking in "prettiness". For this project, I really wanted to dive more into bootstrap and utilize bootstrap to increase the readability of my page.

In addition, I didn't get to do much with array iteration methods in the tic-tac-toe projects. For this project, I wanted to design a user feature where I would have to interate over the birthdays object and display some type of useful information to the user. I did this by displaying how many birthdays the user has left this year.

Link to ERD

http://imgur.com/a/V9tjL

Link to Wireframes

http://imgur.com/a/hHxAj