9
Your Personal Hall Of Fame made by Dmytro Petriv

Your Personal Hall Of Fame

Embed Size (px)

Citation preview

Page 1: Your Personal Hall Of Fame

Your Personal Hall Of Fame

made by Dmytro Petriv

Page 2: Your Personal Hall Of Fame

The goal of my project was to give

user a chance to

ADD / CHANGE /

DELETE and TRACK any

achievement her or she

would like to accomplish

For this project i used:

HTML5, CSS3, jQuery, jQueryUI, mustache and node.js

Page 3: Your Personal Hall Of Fame

> Authorization start………..> Ok, I have logged in as DIMA (my name)……

> In the top left corner you can see USER info and a bit right from it there is a statistics table which remembers all the things you’ve done or refused to do……….

> In the bottom I placed a control panel which you will be using quite a lot…….> next…….

Page 4: Your Personal Hall Of Fame

> click on “add new element” button……..

> Here I have created some elements………

> On the top you can see that user actions began to track( look at the statistics )………

> now I have to fill my achievement with info……….

> next……….

Page 5: Your Personal Hall Of Fame

> click on “fill and view an element” button……….> a form appeared……….> in “WHEN?” input you type the date of achievement………> in “WHAT?” input you type the theme of your achievement……..> in “HOW?” input please fill your plan on accomplishing the achievement……….> if you want to complete an achievement click “ Press to Complete! ”> next……………

Page 6: Your Personal Hall Of Fame

> here I have created a couple of new elements and completed the old one’s……

> I think it would be great to organize my “hall of fame” a bit…………

> next…………..

Page 7: Your Personal Hall Of Fame

> click “drag your element” to start organizing everything up……….

> you see that now my “hall of fame” is better structured ( IT achievements on the left and leisure time achievement on right )……

> hmm…… I thought over and decided not to travel around the world and not to win this year's “hackathon”…………..

> next………

Page 8: Your Personal Hall Of Fame

> click on “delete and element” to delete………..

> as you see 2 elements were deleted………..

> statistics module is successfully tracking all my actions and gives me data (look at the top)……………

> logout…………

Page 9: Your Personal Hall Of Fame

So I've guided you through the functionality of my project and hope you’ve liked it.

I forgot to say that all the data and actions you have made in your personal account are saved and ready for you to use next time.

Try it in real time:

http://halloffame.herokuapp.com

achieve achieve achieve………