From 5ab893788751563c81615d606c9064805f4871ec Mon Sep 17 00:00:00 2001 From: Siddharth Varshney Date: Fri, 11 Oct 2019 05:06:00 +0530 Subject: [PATCH] calender-app idea --- Projects/1-Beginner/Calender-App.md | 32 +++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 Projects/1-Beginner/Calender-App.md diff --git a/Projects/1-Beginner/Calender-App.md b/Projects/1-Beginner/Calender-App.md new file mode 100644 index 00000000..0213b5bb --- /dev/null +++ b/Projects/1-Beginner/Calender-App.md @@ -0,0 +1,32 @@ +# My Calender + +**Tier:** 1-Beginner + +Build a calender application to organize you daily life. Add functionality to add events and reminder. +Style your own calender according to your requirement + +- Understanding how calender application works +- Only basic understanding of HTML/CSS and JS is required + +## User Stories + +- [ ] User can create event +- [ ] User can edit event +- [ ] User can delete event + +## Bonus features + +- [ ] User can drag events between dates +- [ ] User can set reminder for a event +- [ ] Change theme (light/dark) (play with css), play with css 😄 +- [ ] Store data locally so that events does not get deleted when server is restarted + +## Useful links and resources + +- [Local Storage](https://blog.logrocket.com/the-complete-guide-to-using-localstorage-in-javascript-apps-ba44edb53a36/) +- [MDN](https://developer.mozilla.org/en-US/) +- [Design Ideas](https://dribbble.com/tags/calendar) + +## Example projects + +- [Simple Calender](https://medium.com/@nitinpatel_20236/challenge-of-building-a-calendar-with-pure-javascript-a86f1303267d)