Responsive: Final

What's working:
• Sign-in / Sign-up / Sign out
• Take challenge (and store in MySQL database)
• Checkin (and store in MySQL database)

Next issues to tackle:
• Have unique user profile URL
• Checkin FOR SEVEN DAYS
• Have whatever stories/posts shared by users to be posted on challenge page
• Adding friends

Responsive: More pages coming!

Over the past few days I've been focusing more on building the site's interface rather than the backend part and I'm very pleased with what I have so far right now. Why can't coding be as fun as designing? Check it oot!

Responsive: Sketching my masterplan

Responsive: User Signup/Signin

After a couple of trials and errors (following tutorials on Youtube), I've finally managed to find a tutorial that actually works! You can now register an account AND sign-in! Biggest achievement so far. 

Responsive: Facebook Login

This week, I finally got the Facebook Login thing to work! If you click on "Via Facebook", you'll be able to log-in via your FB account and the site is able to pull out your name, email address and profile photo. How cool is that? My next step is to connect these accounts to the objects that they're storing into the site. I have no idea how to do that. If all else fails, I've found a great tutorial to build a user database using MySQL/PHP from scratch on Youtube.

Also, I'm putting Parse aside because it's way too advanced for a programming noob like me and I'm gonna go with MySQL/PHP for now.

Responsive: Bootstrap vs Foundation

After a couple of days exploring Bootstrap, I decided that it's better to go with Zurb's Foundation as my responsive framework. Bootstrap in general is a great framework for those who are familiar with SASS and I'm not. I had a lot of trouble trying to make it look less "Bootstrappy" and failed - so now I'm going with Foundation and have been loving it so far. First page is done. Next step: Parse!

Responsive: Timeline & Deliverables

FINAL DELIVERABLES

• Refined wireframes (concurrent with UX class)

• Click through prototype

• Midterm Presentation
• Final Presentation

FRONT END:
• Bootstrap installed for responsive backbone

BACK END:

• Database (MySQL/PHP) for uploaded assets (photos, videos)

• Database (Parse) for users

• Users’ check-in (for seven days)

• “Like” function

• “Comment” function

SEMESTER TIMELINE

Module #1

• Upload midpoint book + midpoint presentation + committee’s feedback

• Create a progress blog for Group Directed Study

• Complete Directed Study Journal

Module #2

• Finish blog

• Create semester timeline

• Create list of deliverables

• Research on the most appropriate responsive backbone (Foundation)

• Complete Directed Study Journal

Module #3

• Install Foundation on test page and upload to server

• Explore Foundation

• Complete Directed Study Journal

Module #4

• Finish the main homepage

• Start exploring Parse

• Complete Directed Study Journal

Module #5

• Continue working on the test pages on Foundation

• Continue exploring Parse
• Complete Directed Study Journal

Module #6

• Work on building user database on Parse 

• Prepare Midterm Presentation

• Complete Directed Study

Module #7

• Start building database on MySQL for uploaded stuff (videos, photos)

• Work on the upload form (PHP)

• Upload to server

• Complete Directed Study Journal

Module #8

• Continue working on the MySQL database for videos and photos

• Complete Directed Study Journal

Module #9

• Work on the sign-up/log-in form (PHP/Parse)

• Upload to server

• Complete Directed Study Journal

Module #10

• Continue working with Parse

• Work on the “like” and “comment” function

• Upload to server

• Complete Directed Study Journal

Module #11

• Click-through prototype rough

• User-test on click-through prototype

• Complete Directed Study Journal

Module #12

• Receive feedbacks

• Refined prototype based on feedback

• Complete Directed Study Journal

Module #13

• Finalize on click-through prototype

• Prepare final presentation

• Complete Directed Study Journal

Module #14

• Click-through prototype – Final

• Review final presentation

• Complete Directed Study Journal

Module #15

• User-test on final click-through prototype

• Complete Directed Study Journal

Responsive: Midpoint Book / Presentation

At the beginning of every year, we jot down New Year's resolutions to become better people, but how much of these resolutions come to fruition? With the promise of each new year, we also promise ourselves a fresh start, but how many of us make it past the first week and truly change for the better? Commitment can be difficult for many of us, as life gets in the way. That’s why we start small--we start challenging ourselves seven days at a time. This project will create a web platform offering 7-days-challenges that will make an impact on people’s lives in the smallest possible but most essential of ways.

For Seven Days will help us to trigger and discover experiences that make the world a little better, one action at a time. The challenges do not have to be life-changing; no one is expecting to learn French in seven days. It can be as simple as unplugging yourself from Facebook for seven days or calling your parents everyday for seven days. We will be surprised by how little things like these matter in our lives and can change us for the better phenomenally.

Related links:
• Midpoint book
• Midpoint presentation
• Midpoint committee's feedback