Sunday, December 8, 2013

The Hacker Corral

Another FUN project:

www.HackerCorral.com

Make a Rails app where other coders can find or create places to learn from one another...

Here is my homepage mockup:
Looks pretty sweet, huh?

Ready for a wireframe? I'll past it below.... check it out. But I HIGHLY recommend making an outline (wireframe) before starting any project of significance. This will get you thinking about what needs to be done, relationships, the general flow, etc.

One major unintended consequence is that I noticed an abnormal number of "features" that led to the same spot on several different spaces on the same page. WHY DO THAT? I got rid of them and now the app looks nice and minimalistic... and thats great since I do want this to be mobile first!

There are some things that I need to learn, which are daunting:

1. Google Maps
2. Calendar creation

Other than that there's going to be a mess of model relationships (events, users, attendees{another type of user}).

Wish me luck!

Home_PAGE:
not logged in/ logged in

Features:
Events_LINK, Login_BUTTON, Search_FIELD, Create_BUTTON, Map_FEATURE, Calendar_1week_FEATURE
  • Clickable: Events_LINK
    • clicking on Events_LINK goes to calendar/map page (calender_map_PAGE)
  • Button: Create_BUTTON, Login_ BUTTON
    • clicking on Create_ BUTTON goes to a create page (create_PAGE)
    • clicking on Login_ BUTTON brings drop down to twitter/FB/custom (custom_login_PAGE)
      • if logged in see selected events (selected_events_PAGE)
  • Search_ FIELD
    • enter zip code or description, ruby, JS, etc. (calender_map_PAGE: searched w/ list)
  • Features: map_FEATURE, calendar_1week_FEATURE
    • map_FEATURE shows events based on IP address
      • clicking leads to event_PAGE
      • READ BUBBLE
    • calendar_1week_FEATURE
      • clicking leads to event_PAGE(?)
      • READ BUBBLE
What do I need to know?
  1. Form Fields
  2. Searching (how to search by zip code? Type of event?)
  3. Map (Get map to work? how to show saved events? Clicking on map?)

calender_map_PAGE
comes from:

(not searched)
home_PAGE => clicked on “events_FIELD”

(searched)
home_PAGE => searched in search_ FIELD

Features: Events_LINK, Login_BUTTON, Event_LIST, calendar_4week_FEATURE, MAP_feature
  • clickable: events_LINK
    • refreshes (goes to calendar_map_PAGE)
  • Event_LIST
    • can click on any event, pop for event name & quick accept OR addtnl details goes to event_PAGE
  • calendar_4week_FEATURE
    • BUBBLE
      • Not already selected
        • Event name
        • See who else is going
        • addtnl details to events_PAGE
        • Quick Accept refresh, email, update calendar
      • Already Selected
        • Event name
        • See who else is going
        • addtnl details to events_PAGE
        • deselect refresh, email, update calendar
  • Map_FEATURE
    • BUBBLE
      • Not already selected
        • Event name
        • See who else is going
        • addtnl details to events_PAGE
        • Quick Accept refresh, email, update calendar
      • Already Selected
        • Event name
        • See who else is going
        • addtnl details to events_PAGE
        • deselect refresh, email, update calendar

What do I need to know?
  1. Pop up thingy
  2. how to refresh options without refreshing page
  3. update calendar
event_PAGE
  (details soon)
create_PAGE
      • Purpose
        • here you enter what this is for: “Rails, JS, etc”
      • Details
        • Basic details : “2-day hackathon, JS”
      • Additional details
        • Click “+” for optional details
      • Create
        • Click to create event


custom_login_PAGE
selected_events_PAGE

No comments:

Post a Comment