diff --git a/Projects/1-Beginner/Calendar-App.md b/Projects/1-Beginner/Calendar-App.md new file mode 100644 index 00000000..10f54eaf --- /dev/null +++ b/Projects/1-Beginner/Calendar-App.md @@ -0,0 +1,33 @@ +# My calendar + +**Tier:** 3-Advanced + +Build a calendar application to organize you daily life. Add functionality to add events and reminder. +Style your own calendar according to your requirement + +- Understanding how calendar application works +- Only basic understanding of HTML/CSS and JS is required +- Working on more features help you learning advance concepts of JS + +## 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 calendar](https://medium.com/@nitinpatel_20236/challenge-of-building-a-calendar-with-pure-javascript-a86f1303267d) diff --git a/README.md b/README.md index 616a58a6..53dad654 100644 --- a/README.md +++ b/README.md @@ -39,8 +39,8 @@ required to complete them. ### Tier-1: Beginner Projects -| Name | Short Description | Tier | -| ---------------------------------------------------------------------- | ---------------------------------------------------------- | ---------- | +| Name | Short Description | Tier | +| --------------------------------------------------------------------------------- | ---------------------------------------------------------- | ---------- | | [Bin2Dec](./Projects/1-Beginner/Bin2Dec-App.md) | Binary-to-Decimal number converter | 1-Beginner | | [Border Radius Previewer](./Projects/1-Beginner/Border-Radius-Previewer.md) | Preview how CSS3 border-radius values affect an element | 1-Beginner | | [Calculator](./Projects/1-Beginner/Calculator-App.md) | Calculator | 1-Beginner | @@ -76,8 +76,8 @@ required to complete them. ### Tier-2: Intermediate Projects -| Name | Short Description | Tier | -| ------------------------------------------------------------------ | -------------------------------------------------- | -------------- | +| Name | Short Description | Tier | +| --------------------------------------------------------------------------------- | -------------------------------------------------- | -------------- | | [Bit Masks](./Projects/2-Intermediate/Bit-Masks-App.md) | Using Bit Masks for Conditions | 2-Intermediate | | [Book Finder App](./Projects/2-Intermediate/Book-Finder-App.md) | Search for books by multiple criteria | 2-Intermediate | | [Card Memory Game](./Projects/2-Intermediate/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | @@ -110,27 +110,28 @@ required to complete them. ### Tier-3: Advanced Projects -| Name | Short Description | Tier | -| -------------------------------------------------------------- | ------------------------------------------------------------------- | ---------- | -| [Battleship Bot](./Projects/3-Advanced/Battleship-Bot.md) | Create a Discord bot that plays Battleship | 3-Advanced | -| [Battleship Game Engine](./Projects/3-Advanced/Battleship-Game-Engine.md) | Create a callable engine to play the Battleship game | 3-Advanced | -| [Boole Bots Game](./Projects/3-Advanced/Boole-Bot-Game.md) | Battling Bots driven by Boolean algebra | 3-Advanced | -| [Calorie Counter](./Projects/3-Advanced/Calorie-Counter-App.md) | Calorie Counter Nutrition App | 3-Advanced | -| [Chat App](./Projects/3-Advanced/Chat-App.md) | Real-time chat interface | 3-Advanced | -| [Contribution Tracker App](./Projects/3-Advanced/Contribution-Tracker-App.md) | Track funds donated to charity | 3-Advanced | -| [Elevator](./Projects/3-Advanced/Elevator-App.md) | Elevator simulator | 3-Advanced | -| [Fast Food Simulator](./Projects/3-Advanced/FastFood-App.md) | Fast Food Restaurant Simulator | 3-Advanced | -| [Instagram Clone](./Projects/3-Advanced/Instagram-Clone-App.md) | A clone of Facebook's Instagram app | 3-Advanced | -| [GitHub Timeline](./Projects/3-Advanced/GitHub-Timeline-App.md) | Generate a timeline of a users GitHub Repos | 3-Advanced | -| [Kudos Slackbot](./Projects/3-Advanced/Kudos-Slackbot.md) | Give recognition to a deserving peer | 3-Advanced | -| [Movie App](./Projects/3-Advanced/Movie-App.md) | Browse, Find Ratings, Check Actors and Find you next movie to watch | 3-Advanced | -| [MyPodcast Library](./Projects/3-Advanced/MyPodcast-Library-app.md) | Create a library of favorite podcasts | 3-Advanced | -| [NASA Exoplanet Query](./Projects/3-Advanced/NASA-Exoplanet-Query.md) | Query NASA's Exoplanet Archive | 3-Advanced | -| [Shell Game](./Projects/3-Advanced/Shell-Game.md) | Animated shell game | 3-Advanced | -| [Shuffle Deck](./Projects/3-Advanced/Shuffle-Deck-App.md) | Evaluate different algorithms for shuffling a card deck | 3-Advanced | -| [Slack Archiver](./Projects/3-Advanced/Slack-Archiver.md) | Archive Slack Messages | 3-Advanced | -| [Spell-It App](./Projects/3-Advanced/SpellIt-App.md) | A twist on the classic Speak N Spell game | 3-Advanced | -| [Survey App](./Projects/3-Advanced/Survey-App.md) | Define, conduct, and view a survey | 3-Advanced | +| Name | Short Description | Tier | +| ----------------------------------------------------------------------------- | ------------------------------------------------------------------- | ---------- | +| [Battleship Bot](./Projects/3-Advanced/Battleship-Bot.md) | Create a Discord bot that plays Battleship | 3-Advanced | +| [Battleship Game Engine](./Projects/3-Advanced/Battleship-Game-Engine.md) | Create a callable engine to play the Battleship game | 3-Advanced | +| [Boole Bots Game](./Projects/3-Advanced/Boole-Bot-Game.md) | Battling Bots driven by Boolean algebra | 3-Advanced | +| [Calendar](./Projects/1-Beginner/Calendar-App.md) | Create your own Calendar | 3-Advanced | +| [Calorie Counter](./Projects/3-Advanced/Calorie-Counter-App.md) | Calorie Counter Nutrition App | 3-Advanced | +| [Chat App](./Projects/3-Advanced/Chat-App.md) | Real-time chat interface | 3-Advanced | +| [Contribution Tracker App](./Projects/3-Advanced/Contribution-Tracker-App.md) | Track funds donated to charity | 3-Advanced | +| [Elevator](./Projects/3-Advanced/Elevator-App.md) | Elevator simulator | 3-Advanced | +| [Fast Food Simulator](./Projects/3-Advanced/FastFood-App.md) | Fast Food Restaurant Simulator | 3-Advanced | +| [Instagram Clone](./Projects/3-Advanced/Instagram-Clone-App.md) | A clone of Facebook's Instagram app | 3-Advanced | +| [GitHub Timeline](./Projects/3-Advanced/GitHub-Timeline-App.md) | Generate a timeline of a users GitHub Repos | 3-Advanced | +| [Kudos Slackbot](./Projects/3-Advanced/Kudos-Slackbot.md) | Give recognition to a deserving peer | 3-Advanced | +| [Movie App](./Projects/3-Advanced/Movie-App.md) | Browse, Find Ratings, Check Actors and Find you next movie to watch | 3-Advanced | +| [MyPodcast Library](./Projects/3-Advanced/MyPodcast-Library-app.md) | Create a library of favorite podcasts | 3-Advanced | +| [NASA Exoplanet Query](./Projects/3-Advanced/NASA-Exoplanet-Query.md) | Query NASA's Exoplanet Archive | 3-Advanced | +| [Shell Game](./Projects/3-Advanced/Shell-Game.md) | Animated shell game | 3-Advanced | +| [Shuffle Deck](./Projects/3-Advanced/Shuffle-Deck-App.md) | Evaluate different algorithms for shuffling a card deck | 3-Advanced | +| [Slack Archiver](./Projects/3-Advanced/Slack-Archiver.md) | Archive Slack Messages | 3-Advanced | +| [Spell-It App](./Projects/3-Advanced/SpellIt-App.md) | A twist on the classic Speak N Spell game | 3-Advanced | +| [Survey App](./Projects/3-Advanced/Survey-App.md) | Define, conduct, and view a survey | 3-Advanced | ## Plans for the future