Giter Club home page Giter Club logo

lets-get-started's People

Contributors

djbowen95 avatar

Watchers

 avatar

lets-get-started's Issues

Allow users to add event info to time blocks

I need to meet these three marking criteria:

WHEN I click into a timeblock, 
THEN I can enter an event

To this one, I need:

  • Event handling on the time blocks / click events
  • Change to a text box / input box when clicked
WHEN I click the save button for that timeblock,
THEN the text for that event is saved in local storage

To meet this one I need:

  • Generate a save button when text box / input is created
  • Have this write to local storage
WHEN I refresh the page,
THEN the saved events persist

Finally, to meet this criteria I need to make sure that when the page reloads, it checks local storage.
I also need to decide if I want to maintain from day-to-day; or create a feature that allows users to look at their old day plan, etc. This feature would be really cool (maybe including a checklist page asking 'Did you do it?' and memorising the things you didn't get done).

Design a front-end with Bootstrap

Need the following features:

  • A header element
  • Something that contains the date
  • Something that contains the current time
  • Timeblocks (that change color)
  • Text that describes an event
  • An input box when you click an event
  • A save button that appears when you click an event

Write README

  • Update header and about section
  • Give project history
  • Add deployed link to usage
  • Demonstrate with GIFs
  • Demonstration video
  • Summarise 3 key features
  • Fill out version history

Rename Repository

Give it a good, unique name - its current one is boring. Something like "Easy Day Planner" I guess, but preferably with a pun.

  • Change repo name
  • Change name in README
  • Change all references to name in shield.io buttons

Utilise jQuery UI and Fonts

These are the other things I learned in this week, so should create some basic animation/UI features with jQuery UI

Color code time blocks

The third marking criteria is that all the time blocks are color coded dependent on whether they are in the past, present or future. I need to:

  • Fix whatever is making 3pm Green
  • Have present color block one color
  • Set past color blocks another color
  • Set future color blocks another color
  • Make sure it live updates (without refresh?)
    When all of these things are working, this criteria is met.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.