GithubHelp home page GithubHelp logo

codejoncode / calendar Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 430 KB

This is my own project to recap Week 7 at Lambda School. Building a Calendar that will also have the ability to create task on each day of the week in the month.

HTML 7.07% CSS 7.57% JavaScript 85.37%

calendar's Introduction

Calendar

This is my own project to recap Week 7 at Lambda School. Building a Calendar that will also have the ability to create task on each day of the week in the month. #This is a Project I built to recap Week 7 at Lambda School

The objective is to use the skills learned on the todo list app add a task and delete a task and implement this ability on each day of the week in a month.

Each day should have the ability to add a task as well as see the current task listed.

Upon clicking on a task you should be able to mark it as done. This should be seen via a line through the task. A button should be available to clear the task that has been completed.

Since this is a digital calendar it has the ability to have multiple different pictures so a carousel will be used to display this effect above the days/weeks of the month and just underneath the Month.

The Clear completed and mark shift spots in the design would be the buttons to clear and shift. Prev month and next month will also be clickable to change the month if it is desired to make a full calendar and not just one month. As this can be a lot, the objective is to use the skills learned this week to design a one month calendar.

Advanced ideas/features. Saving the task on localhost so that refresh allows the data to remain saved. A search bar to the left of the calendar that allows for the searching of the task and displays the dates on the sidebar where that task shows up.

If a task is not completed the ability to double click and shift the task to the next day. On double click would highlight(in red) the task and then a button would shift that task to the next day. This could be difficult as it was not demonstrated this week but can push for mastery of using React. I believe it to be possible.

Attempt to use moment.js to format the dates for the month to match the day of the week it should be in life. Add other months.

Add functionality so that you can click to different months and also have the same features.

calendar's People

Contributors

codejoncode avatar

Watchers

 avatar

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.