diff --git a/Projects/Bin2Dec-App.md b/Projects/1-Beginner/Bin2Dec-App.md similarity index 100% rename from Projects/Bin2Dec-App.md rename to Projects/1-Beginner/Bin2Dec-App.md diff --git a/Projects/Border-Radius-Previewer.md b/Projects/1-Beginner/Border-Radius-Previewer.md similarity index 100% rename from Projects/Border-Radius-Previewer.md rename to Projects/1-Beginner/Border-Radius-Previewer.md diff --git a/Projects/CSV2JSON-App.md b/Projects/1-Beginner/CSV2JSON-App.md similarity index 100% rename from Projects/CSV2JSON-App.md rename to Projects/1-Beginner/CSV2JSON-App.md diff --git a/Projects/Calculator-App.md b/Projects/1-Beginner/Calculator-App.md similarity index 100% rename from Projects/Calculator-App.md rename to Projects/1-Beginner/Calculator-App.md diff --git a/Projects/Cause-Effect-App.md b/Projects/1-Beginner/Cause-Effect-App.md similarity index 100% rename from Projects/Cause-Effect-App.md rename to Projects/1-Beginner/Cause-Effect-App.md diff --git a/Projects/Christmas-Lights-App.md b/Projects/1-Beginner/Christmas-Lights-App.md similarity index 100% rename from Projects/Christmas-Lights-App.md rename to Projects/1-Beginner/Christmas-Lights-App.md diff --git a/Projects/Color-Cycle-App.md b/Projects/1-Beginner/Color-Cycle-App.md similarity index 100% rename from Projects/Color-Cycle-App.md rename to Projects/1-Beginner/Color-Cycle-App.md diff --git a/Projects/Countdown-Timer-App.md b/Projects/1-Beginner/Countdown-Timer-App.md similarity index 100% rename from Projects/Countdown-Timer-App.md rename to Projects/1-Beginner/Countdown-Timer-App.md diff --git a/Projects/Dynamic-CSSVar-app.md b/Projects/1-Beginner/Dynamic-CSSVar-app.md similarity index 100% rename from Projects/Dynamic-CSSVar-app.md rename to Projects/1-Beginner/Dynamic-CSSVar-app.md diff --git a/Projects/First-DB-App.md b/Projects/1-Beginner/First-DB-App.md similarity index 100% rename from Projects/First-DB-App.md rename to Projects/1-Beginner/First-DB-App.md diff --git a/Projects/Flip-Image-App.md b/Projects/1-Beginner/Flip-Image-App.md similarity index 100% rename from Projects/Flip-Image-App.md rename to Projects/1-Beginner/Flip-Image-App.md diff --git a/Projects/GitHub-Status-App.md b/Projects/1-Beginner/GitHub-Status-App.md similarity index 100% rename from Projects/GitHub-Status-App.md rename to Projects/1-Beginner/GitHub-Status-App.md diff --git a/Projects/Hello-App.md b/Projects/1-Beginner/Hello-App.md similarity index 100% rename from Projects/Hello-App.md rename to Projects/1-Beginner/Hello-App.md diff --git a/Projects/IOT-Mailbox-App.md b/Projects/1-Beginner/IOT-Mailbox-App.md similarity index 100% rename from Projects/IOT-Mailbox-App.md rename to Projects/1-Beginner/IOT-Mailbox-App.md diff --git a/Projects/JSON2CSV-App.md b/Projects/1-Beginner/JSON2CSV-App.md similarity index 100% rename from Projects/JSON2CSV-App.md rename to Projects/1-Beginner/JSON2CSV-App.md diff --git a/Projects/Key-Value-App.md b/Projects/1-Beginner/Key-Value-App.md similarity index 100% rename from Projects/Key-Value-App.md rename to Projects/1-Beginner/Key-Value-App.md diff --git a/Projects/Lorem-Ipsum-Generator.md b/Projects/1-Beginner/Lorem-Ipsum-Generator.md similarity index 100% rename from Projects/Lorem-Ipsum-Generator.md rename to Projects/1-Beginner/Lorem-Ipsum-Generator.md diff --git a/Projects/Notes-App.md b/Projects/1-Beginner/Notes-App.md similarity index 100% rename from Projects/Notes-App.md rename to Projects/1-Beginner/Notes-App.md diff --git a/Projects/Pearson-Regression-App.md b/Projects/1-Beginner/Pearson-Regression-App.md similarity index 100% rename from Projects/Pearson-Regression-App.md rename to Projects/1-Beginner/Pearson-Regression-App.md diff --git a/Projects/Pomodoro-Clock.md b/Projects/1-Beginner/Pomodoro-Clock.md similarity index 100% rename from Projects/Pomodoro-Clock.md rename to Projects/1-Beginner/Pomodoro-Clock.md diff --git a/Projects/Product-Landing-Page.md b/Projects/1-Beginner/Product-Landing-Page.md similarity index 95% rename from Projects/Product-Landing-Page.md rename to Projects/1-Beginner/Product-Landing-Page.md index d51aa65f..340b345a 100644 --- a/Projects/Product-Landing-Page.md +++ b/Projects/1-Beginner/Product-Landing-Page.md @@ -8,7 +8,7 @@ Conversion rate - the % of the visitors which purchase the product or service. When you have completed this app and the bonus features try leveling up your skills by expanding it to incorporate the features specified in the -[Simple Online Store](./Simple-Online-Store.md). +[Simple Online Store](../2-Intermediate/Simple-Online-Store.md). ## User Stories diff --git a/Projects/Quiz-App.md b/Projects/1-Beginner/Quiz-App.md similarity index 100% rename from Projects/Quiz-App.md rename to Projects/1-Beginner/Quiz-App.md diff --git a/Projects/Random-Meal-Generator.md b/Projects/1-Beginner/Random-Meal-Generator.md similarity index 100% rename from Projects/Random-Meal-Generator.md rename to Projects/1-Beginner/Random-Meal-Generator.md diff --git a/Projects/Recipe-App.md b/Projects/1-Beginner/Recipe-App.md similarity index 100% rename from Projects/Recipe-App.md rename to Projects/1-Beginner/Recipe-App.md diff --git a/Projects/Roman-to-Decimal-Converter.md b/Projects/1-Beginner/Roman-to-Decimal-Converter.md similarity index 100% rename from Projects/Roman-to-Decimal-Converter.md rename to Projects/1-Beginner/Roman-to-Decimal-Converter.md diff --git a/Projects/Slider-Design.md b/Projects/1-Beginner/Slider-Design.md similarity index 100% rename from Projects/Slider-Design.md rename to Projects/1-Beginner/Slider-Design.md diff --git a/Projects/Stopwatch-App.md b/Projects/1-Beginner/Stopwatch-App.md similarity index 89% rename from Projects/Stopwatch-App.md rename to Projects/1-Beginner/Stopwatch-App.md index 69602a80..b8927d80 100644 --- a/Projects/Stopwatch-App.md +++ b/Projects/1-Beginner/Stopwatch-App.md @@ -24,3 +24,4 @@ A stopwatch helps you track the time you spent on activities. - [Stopwatch by Hilo](https://codepen.io/hilotacker/pen/ONZWoX) - [Stopwatch by Billy Brown](https://codepen.io/_Billy_Brown/pen/dbJeh) +- [Svelte Stopwatch by Gabriele Corti](https://codepen.io/borntofrappe/pen/KKKPZZg) diff --git a/Projects/True-or-False-App.md b/Projects/1-Beginner/True-or-False-App.md similarity index 100% rename from Projects/True-or-False-App.md rename to Projects/1-Beginner/True-or-False-App.md diff --git a/Projects/Vigenere-Cipher.md b/Projects/1-Beginner/Vigenere-Cipher.md similarity index 100% rename from Projects/Vigenere-Cipher.md rename to Projects/1-Beginner/Vigenere-Cipher.md diff --git a/Projects/Windchill-App.md b/Projects/1-Beginner/Windchill-App.md similarity index 100% rename from Projects/Windchill-App.md rename to Projects/1-Beginner/Windchill-App.md diff --git a/Projects/Word-Frequency-App.md b/Projects/1-Beginner/Word-Frequency-App.md similarity index 95% rename from Projects/Word-Frequency-App.md rename to Projects/1-Beginner/Word-Frequency-App.md index cc9f62fc..96e544d7 100644 --- a/Projects/Word-Frequency-App.md +++ b/Projects/1-Beginner/Word-Frequency-App.md @@ -30,7 +30,7 @@ bubble chart, column chart, or any other form of graphical representation the developer chooses. - [ ] User may choose to enter the URL of a web page whose content is to be analyzed instead of manually entering text. (Hint: See the -[Podcast Directory](./Podcast-Directory-App.md) application for ideas). +[Podcast Directory](../2-Intermediate/Podcast-Directory-App.md) application for ideas). ## Useful links and resources diff --git a/Projects/Bit-Masks-App.md b/Projects/2-Intermediate/Bit-Masks-App.md similarity index 100% rename from Projects/Bit-Masks-App.md rename to Projects/2-Intermediate/Bit-Masks-App.md diff --git a/Projects/Book-Finder-App.md b/Projects/2-Intermediate/Book-Finder-App.md similarity index 100% rename from Projects/Book-Finder-App.md rename to Projects/2-Intermediate/Book-Finder-App.md diff --git a/Projects/Card-Memory-Game.md b/Projects/2-Intermediate/Card-Memory-Game.md similarity index 100% rename from Projects/Card-Memory-Game.md rename to Projects/2-Intermediate/Card-Memory-Game.md diff --git a/Projects/Charity-Finder-App.md b/Projects/2-Intermediate/Charity-Finder-App.md similarity index 100% rename from Projects/Charity-Finder-App.md rename to Projects/2-Intermediate/Charity-Finder-App.md diff --git a/Projects/Drawing-App.md b/Projects/2-Intermediate/Drawing-App.md similarity index 100% rename from Projects/Drawing-App.md rename to Projects/2-Intermediate/Drawing-App.md diff --git a/Projects/Emoji-Translator-App.md b/Projects/2-Intermediate/Emoji-Translator-App.md similarity index 100% rename from Projects/Emoji-Translator-App.md rename to Projects/2-Intermediate/Emoji-Translator-App.md diff --git a/Projects/FlashCards-App.md b/Projects/2-Intermediate/FlashCards-App.md similarity index 100% rename from Projects/FlashCards-App.md rename to Projects/2-Intermediate/FlashCards-App.md diff --git a/Projects/Flip-Art-App.md b/Projects/2-Intermediate/Flip-Art-App.md similarity index 100% rename from Projects/Flip-Art-App.md rename to Projects/2-Intermediate/Flip-Art-App.md diff --git a/Projects/2-Intermediate/GitHub-Profiles.md b/Projects/2-Intermediate/GitHub-Profiles.md new file mode 100644 index 00000000..505ead18 --- /dev/null +++ b/Projects/2-Intermediate/GitHub-Profiles.md @@ -0,0 +1,30 @@ +# GitHub Profiles +**Tier:** 2-Intermediate + +APIs allow you to use the real world data that drives platforms like GitHub. You can communicate with the remote servers and get data that you can use to build an app. + +In this project you create a search app that uses GitHub API to retrieve user information when a valid username is input. It should display avatar, username, followers count, repository count, top 4 repositories based on forks and stars. + +## User Stories + +- [ ] User can enter a username +- [ ] User can click on search button to retrieve information +- [ ] User can see the avatar, username, followers and repository count of searched user +- [ ] User can see the top 4 repositories of searched user +- [ ] User should get an alert if the username is not valid + +## Bonus features +- [ ] User can toggle dark/light mode +- [ ] Selected mode should persist when user comes back to the app again + +## Useful links and resources +To get the data you need to communicate with GitHub API. you can either + +- [Read Docs](https://developer.github.com/v3/) +- [Check API directly](https://api.github.com/users/chaharshivam) + +To get data from API you can check [fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) in javascript + +## Example projects + +- [GitHub profiles](https://chaharshivam.github.io/github-profiles/?#) ([repo](https://github.com/chaharshivam/github-profiles)) diff --git a/Projects/HighStriker-Game.md b/Projects/2-Intermediate/HighStriker-Game.md similarity index 100% rename from Projects/HighStriker-Game.md rename to Projects/2-Intermediate/HighStriker-Game.md diff --git a/Projects/Markdown-Previewer.md b/Projects/2-Intermediate/Markdown-Previewer.md similarity index 100% rename from Projects/Markdown-Previewer.md rename to Projects/2-Intermediate/Markdown-Previewer.md diff --git a/Projects/Markdown-Table-Generator.md b/Projects/2-Intermediate/Markdown-Table-Generator.md similarity index 100% rename from Projects/Markdown-Table-Generator.md rename to Projects/2-Intermediate/Markdown-Table-Generator.md diff --git a/Projects/Meme-Generator-App.md b/Projects/2-Intermediate/Meme-Generator-App.md similarity index 100% rename from Projects/Meme-Generator-App.md rename to Projects/2-Intermediate/Meme-Generator-App.md diff --git a/Projects/Password-Generator.md b/Projects/2-Intermediate/Password-Generator.md similarity index 100% rename from Projects/Password-Generator.md rename to Projects/2-Intermediate/Password-Generator.md diff --git a/Projects/Podcast-Directory-App.md b/Projects/2-Intermediate/Podcast-Directory-App.md similarity index 95% rename from Projects/Podcast-Directory-App.md rename to Projects/2-Intermediate/Podcast-Directory-App.md index 5c5cb381..9959e375 100644 --- a/Projects/Podcast-Directory-App.md +++ b/Projects/2-Intermediate/Podcast-Directory-App.md @@ -2,7 +2,7 @@ **Tier:** 2-Intermediate -In the [GitHub Status](./GitHub-Status-App.md) app you learned how to use the +In the [GitHub Status](../1-Beginner/GitHub-Status-App.md) app you learned how to use the Request package to scrape information from a web page. The Podcast Directory continues this process and introduces you to another web scraping package - [Puppeteer](https://github.com/GoogleChrome/puppeteer). @@ -81,7 +81,7 @@ run() .catch(console.error); ``` - When you have completed this project check out the advanced project -[MyPodcast Library](./Projects/MyPodcast-Library-app.md) +[MyPodcast Library](../3-Advanced/MyPodcast-Library-app.md) ## Example projects diff --git a/Projects/QRCode-Badge-App.md b/Projects/2-Intermediate/QRCode-Badge-App.md similarity index 100% rename from Projects/QRCode-Badge-App.md rename to Projects/2-Intermediate/QRCode-Badge-App.md diff --git a/Projects/RegExp-Helper-App.md b/Projects/2-Intermediate/RegExp-Helper-App.md similarity index 100% rename from Projects/RegExp-Helper-App.md rename to Projects/2-Intermediate/RegExp-Helper-App.md diff --git a/Projects/Sales-DB-App.md b/Projects/2-Intermediate/Sales-DB-App.md similarity index 97% rename from Projects/Sales-DB-App.md rename to Projects/2-Intermediate/Sales-DB-App.md index 16eee137..da54af16 100644 --- a/Projects/Sales-DB-App.md +++ b/Projects/2-Intermediate/Sales-DB-App.md @@ -2,7 +2,7 @@ **Tier:** 2-Intermediate -In the [First DB App](./First-DB-App.md) you were able to learn the basics of +In the [First DB App](../1-Beginner/First-DB-App.md) you were able to learn the basics of how to use the IndexedDB database that's built into the browser. In Sales Reciepts you'll take this a step further by creating an app that records point of sales receipts, presumably for subsequent balancing against cash in diff --git a/Projects/Simple-Online-Store.md b/Projects/2-Intermediate/Simple-Online-Store.md similarity index 78% rename from Projects/Simple-Online-Store.md rename to Projects/2-Intermediate/Simple-Online-Store.md index 9a59803d..4f660e86 100644 --- a/Projects/Simple-Online-Store.md +++ b/Projects/2-Intermediate/Simple-Online-Store.md @@ -2,7 +2,7 @@ **Tier:** 2-Intermediate -In the [Product Landing Page](./Product-Landing-Page.md) project you implemented +In the [Product Landing Page](../1-Beginner/Product-Landing-Page.md) project you implemented a landing page to provide your users with information about a product and to hopefully increase your sites conversion rate. @@ -19,23 +19,23 @@ feel free to choose the in memory solution of your choice. ## User Stories -- [ ] User can click on a 'View Products' button on the Landing Page to +- [ ] User can click on a `View Products` button on the Landing Page to display the Products Page. - [ ] User can see a card on the Products Page for each Product showing the product thumbnail, name, price, a short description, -and a 'Select' button. -- [ ] User can see a Product Details page displayed when the 'Select' button +and a `Select` button. +- [ ] User can see a Product Details page displayed when the `Select` button is clicked showing the same information from the product card, but also a -unique product id, a long description, 'Add to Cart' button, and a -'See More Products' button. +unique product id, a long description, `Add to Cart` button, and a +`See More Products` button. - [ ] User can see a confirmation message when the product is added to the shopping cart. -- [ ] User can click on the 'See More Products' page to return to the +- [ ] User can click on the `See More Products` page to return to the Products Page. -- [ ] User can see a 'Shopping Cart' button on both the Landing +- [ ] User can see a `Shopping Cart` button on both the Landing Page or the Products Page. Hint: a top bar might be a good common location for this button. -- [ ] User can click on the 'Shopping Cart' button to display the Shopping +- [ ] User can click on the `Shopping Cart` button to display the Shopping Cart page containing the product id, name, price, and quantity ordered input box for each product previously added to the Shopping Cart. - [ ] User can see a total purchase amount on the Shopping Card that is @@ -43,13 +43,13 @@ calculated as the sum of the quantities multiplied by the unit price for each product ordered. - [ ] User can adjust the quantity ordered for any product to adjust the total purchase amount. -- [ ] User can click a 'Place Order' button on the Shopping Cart Page to +- [ ] User can click a `Place Order` button on the Shopping Cart Page to complete the order. User will see a confirmation number when the order has been placed. -- [ ) User can click a 'Cancel Order' button on the Shopping Cart Page to +- [ ] User can click a `Cancel Order` button on the Shopping Cart Page to cancel the order. User will see the product quantities and the total purchase amount reset to zero. -- [ ] User can click a 'See More Products' button on the Shopping Cart Page +- [ ] User can click a `See More Products` button on the Shopping Cart Page to return to the Products Page. If the order hasn't been placed yet this will not clear the products that have already been added to the Products Page. diff --git a/Projects/Sports-Bracket-Generator.md b/Projects/2-Intermediate/Sports-Bracket-Generator.md similarity index 100% rename from Projects/Sports-Bracket-Generator.md rename to Projects/2-Intermediate/Sports-Bracket-Generator.md diff --git a/Projects/String-Art.md b/Projects/2-Intermediate/String-Art.md similarity index 100% rename from Projects/String-Art.md rename to Projects/2-Intermediate/String-Art.md diff --git a/Projects/This-or-That-Game.md b/Projects/2-Intermediate/This-or-That-Game.md similarity index 100% rename from Projects/This-or-That-Game.md rename to Projects/2-Intermediate/This-or-That-Game.md diff --git a/Projects/Timezone-Slackbot.md b/Projects/2-Intermediate/Timezone-Slackbot.md similarity index 100% rename from Projects/Timezone-Slackbot.md rename to Projects/2-Intermediate/Timezone-Slackbot.md diff --git a/Projects/To-Do-App.md b/Projects/2-Intermediate/To-Do-App.md similarity index 100% rename from Projects/To-Do-App.md rename to Projects/2-Intermediate/To-Do-App.md diff --git a/Projects/Typing-Practice-App.md b/Projects/2-Intermediate/Typing-Practice-App.md similarity index 100% rename from Projects/Typing-Practice-App.md rename to Projects/2-Intermediate/Typing-Practice-App.md diff --git a/Projects/Voting-App.md b/Projects/2-Intermediate/Voting-App.md similarity index 100% rename from Projects/Voting-App.md rename to Projects/2-Intermediate/Voting-App.md diff --git a/Projects/2-Intermediate/math-editor.md b/Projects/2-Intermediate/math-editor.md new file mode 100644 index 00000000..0a473225 --- /dev/null +++ b/Projects/2-Intermediate/math-editor.md @@ -0,0 +1,29 @@ +# Math Formula Editor + +**Tier:** 2-Intermediate + +An app (desktop or web) which you can use to edit different kinds of math formulas. The app will be particularry useful for doing your math homework digitally. + +The app will probably use a math markup system such as LaTeX. + +## User Stories + +- [ ] User can write to a text document +- [ ] User can add a math formula to that text document +- [ ] User can save the document either to a database or as a file locally +- [ ] User can load the file and all the formulas should be still intact + +## Bonus features + +- [ ] User can change the font size of text +- [ ] User can change other attributes of text (color, bold, etc.) +- [ ] User can add images to the document + +## Useful links and resources + +- [Mathquill](http://mathquill.com/) + +## Example projects + +- [L'math, a math editor for finnish high school students, change the language on the top left corner](https://www.lehtodigital.fi/lmath/?p=download) +- [Online demo of a simple math editor](https://math-demo.abitti.fi) diff --git a/Projects/Battleship-Bot.md b/Projects/3-Advanced/Battleship-Bot.md similarity index 93% rename from Projects/Battleship-Bot.md rename to Projects/3-Advanced/Battleship-Bot.md index 22b94a6d..896675bd 100644 --- a/Projects/Battleship-Bot.md +++ b/Projects/3-Advanced/Battleship-Bot.md @@ -13,7 +13,7 @@ via a Discord chat. - [ ] User can start a game by entering `bb start` into the chat - [ ] User can target a cell by entering `bb shoot r,c` into the chat window, where `r` and `c` are the row and column coordinates of the cell to be targeted. - [ ] User can see the game board showing hits and misses displayed by the bot after each shot is taken -- [ ] User can see an congratulations message after the shot that sinks the last remaining ship. +- [ ] User can see a congratulations message after the shot that sinks the last remaining ship. ## Bonus features diff --git a/Projects/Battleship-Game-Engine.md b/Projects/3-Advanced/Battleship-Game-Engine.md similarity index 100% rename from Projects/Battleship-Game-Engine.md rename to Projects/3-Advanced/Battleship-Game-Engine.md diff --git a/Projects/Boole-Bot-Game.md b/Projects/3-Advanced/Boole-Bot-Game.md similarity index 100% rename from Projects/Boole-Bot-Game.md rename to Projects/3-Advanced/Boole-Bot-Game.md diff --git a/Projects/Bug-Race-Game.md b/Projects/3-Advanced/Bug-Race-Game.md similarity index 100% rename from Projects/Bug-Race-Game.md rename to Projects/3-Advanced/Bug-Race-Game.md diff --git a/Projects/Calorie-Counter-App.md b/Projects/3-Advanced/Calorie-Counter-App.md similarity index 100% rename from Projects/Calorie-Counter-App.md rename to Projects/3-Advanced/Calorie-Counter-App.md diff --git a/Projects/Chat-App.md b/Projects/3-Advanced/Chat-App.md similarity index 100% rename from Projects/Chat-App.md rename to Projects/3-Advanced/Chat-App.md diff --git a/Projects/Contribution-Tracker-App.md b/Projects/3-Advanced/Contribution-Tracker-App.md similarity index 98% rename from Projects/Contribution-Tracker-App.md rename to Projects/3-Advanced/Contribution-Tracker-App.md index a94aff82..23c1cf3a 100644 --- a/Projects/Contribution-Tracker-App.md +++ b/Projects/3-Advanced/Contribution-Tracker-App.md @@ -2,7 +2,7 @@ **Tier:** 3-Advanced -In the [Charity Finder](./Charity-Finder-App.md) project you created an app to +In the [Charity Finder](../2-Intermediate/Charity-Finder-App.md) project you created an app to help you locate a charity worthy of your contributions. Once a contribution has been made the goal of the Contribution Tracker app is to track it so to provide users with a record of all contributions for use in monitoring how diff --git a/Projects/Elevator-App.md b/Projects/3-Advanced/Elevator-App.md similarity index 100% rename from Projects/Elevator-App.md rename to Projects/3-Advanced/Elevator-App.md diff --git a/Projects/FastFood-App.md b/Projects/3-Advanced/FastFood-App.md similarity index 100% rename from Projects/FastFood-App.md rename to Projects/3-Advanced/FastFood-App.md diff --git a/Projects/GitHub-Timeline-App.md b/Projects/3-Advanced/GitHub-Timeline-App.md similarity index 100% rename from Projects/GitHub-Timeline-App.md rename to Projects/3-Advanced/GitHub-Timeline-App.md diff --git a/Projects/GitTweet-App.md b/Projects/3-Advanced/GitTweet-App.md similarity index 100% rename from Projects/GitTweet-App.md rename to Projects/3-Advanced/GitTweet-App.md diff --git a/Projects/Instagram-Clone-App.md b/Projects/3-Advanced/Instagram-Clone-App.md similarity index 100% rename from Projects/Instagram-Clone-App.md rename to Projects/3-Advanced/Instagram-Clone-App.md diff --git a/Projects/Kudos-Slackbot.md b/Projects/3-Advanced/Kudos-Slackbot.md similarity index 100% rename from Projects/Kudos-Slackbot.md rename to Projects/3-Advanced/Kudos-Slackbot.md diff --git a/Projects/Movie-App.md b/Projects/3-Advanced/Movie-App.md similarity index 100% rename from Projects/Movie-App.md rename to Projects/3-Advanced/Movie-App.md diff --git a/Projects/MyPodcast-Library-app.md b/Projects/3-Advanced/MyPodcast-Library-app.md similarity index 96% rename from Projects/MyPodcast-Library-app.md rename to Projects/3-Advanced/MyPodcast-Library-app.md index fc5275e6..747970cb 100644 --- a/Projects/MyPodcast-Library-app.md +++ b/Projects/3-Advanced/MyPodcast-Library-app.md @@ -2,7 +2,7 @@ **Tier:** 3-Advanced -In the [GitHub Status](./GitHub-Status-App.md) and [Podcast Directory](./Podcast-Directory-App.md) you learned what web scraping is and how you can +In the [GitHub Status](../1-Beginner/GitHub-Status-App.md) and [Podcast Directory](../2-Intermediate/Podcast-Directory-App.md) you learned what web scraping is and how you can use it as an alternative data source when API's and backend databases aren't available. The _My Podcast Library_ app merges your newfound knowledge of web scraping with your frontend skills to extend the simple Podcast Directory diff --git a/Projects/NASA-Exoplanet-Query.md b/Projects/3-Advanced/NASA-Exoplanet-Query.md similarity index 98% rename from Projects/NASA-Exoplanet-Query.md rename to Projects/3-Advanced/NASA-Exoplanet-Query.md index a30cc29d..35be263a 100644 --- a/Projects/NASA-Exoplanet-Query.md +++ b/Projects/3-Advanced/NASA-Exoplanet-Query.md @@ -53,7 +53,7 @@ in descending order on the values in the column. ## Useful links and resources - [Big O Notation (Wikipedia)](https://en.wikipedia.org/wiki/Big_O_notation) -- [CSV2JSON](./CSV2JSON-App.md) +- [CSV2JSON](../1-Beginner/CSV2JSON-App.md) - [Exoplanet (Wikipedia)](https://en.wikipedia.org/wiki/Exoplanet) - [NASA Exoplanet Archive](https://exoplanetarchive.ipac.caltech.edu/cgi-bin/TblView/nph-tblView?app=ExoTbls&config=planets) diff --git a/Projects/Shell-Game.md b/Projects/3-Advanced/Shell-Game.md similarity index 100% rename from Projects/Shell-Game.md rename to Projects/3-Advanced/Shell-Game.md diff --git a/Projects/Shuffle-Deck-App.md b/Projects/3-Advanced/Shuffle-Deck-App.md similarity index 100% rename from Projects/Shuffle-Deck-App.md rename to Projects/3-Advanced/Shuffle-Deck-App.md diff --git a/Projects/Slack-Archiver.md b/Projects/3-Advanced/Slack-Archiver.md similarity index 100% rename from Projects/Slack-Archiver.md rename to Projects/3-Advanced/Slack-Archiver.md diff --git a/Projects/SpellIt-App.md b/Projects/3-Advanced/SpellIt-App.md similarity index 100% rename from Projects/SpellIt-App.md rename to Projects/3-Advanced/SpellIt-App.md diff --git a/Projects/Survey-App.md b/Projects/3-Advanced/Survey-App.md similarity index 100% rename from Projects/Survey-App.md rename to Projects/3-Advanced/Survey-App.md diff --git a/README.md b/README.md index f6579118..025d856c 100644 --- a/README.md +++ b/README.md @@ -41,90 +41,93 @@ required to complete them. | Name | Short Description | Tier | | ---------------------------------------------------------------------- | ---------------------------------------------------------- | ---------- | -| [Bin2Dec](./Projects/Bin2Dec-App.md) | Binary-to-Decimal number converter | 1-Beginner | -| [Border Radius Previewer](./Projects/Border-Radius-Previewer.md) | Preview how CSS3 border-radius values affect an element | 1-Beginner | -| [Calculator](./Projects/Calculator-App.md) | Calculator | 1-Beginner | -| [Christmas Lights](./Projects/Christmas-Lights-App.md) | Simulate a string of Christmas lights | 1-Beginner | -| [Cause Effect App](./Projects/Cause-Effect-App.md) | Click list item to display item details | 1-Beginner | -| [Color Cycle](./Projects/Color-Cycle-App.md) | Cycle a color value through incremental changes | 1-Beginner | -| [Countdown Timer](./Projects/Countdown-Timer-App.md) | Event Countdown timer | 1-Beginner | -| [CSV2JSON App](./Projects/CSV2JSON-App.md) | CSV to JSON converter | 1-Beginner | -| [Dynamic CSS Variables](./Projects/Dynamic-CSSVar-app.md) | Dynamically change CSS variable settings | 1-Beginner | -| [First DB App](./Projects/First-DB-App.md) | Your first Database app! | 1-Beginner | -| [Flip Image](./Projects/Flip-Image-App.md) | Change the orientation of images across two axes | 1-Beginner | -| [GitHub Status](./Projects/GitHub-Status-App.md) | Display Current GitHub Status | 1-Beginner | -| [Hello](./Projects/Hello-App.md) | User native language greeting | 1-Beginner | -| [IOT Mailbox Simulator](./Projects/IOT-Mailbox-App.md) | Use callbacks to check your snail mail | 1-Beginner | -| [JSON2CSV App](./Projects/JSON2CSV-App.md) | JSON to CSV converter | 1-Beginner | -| [Key Value](./Projects/Key-Value-App.md) | Keyboard Event Values | 1-Beginner | -| [Lorem Ipsum Generator](./Projects/Lorem-Ipsum-Generator.md) | Generate lorem ipsum placeholder text | 1-Beginner | -| [Notes App](./Projects/Notes-App.md) | Create an online note pad | 1-Beginner | -| [Pearson Regression](./Projects/Pearson-Regression-App.md) | Calculate the correlation coefficient for two sets of data | 1-Beginner | -| [Pomodoro Clock](./Projects/Pomodoro-Clock.md) | Task timer to aid personal productivity | 1-Beginner | -| [Product Landing Page](./Projects/Product-Landing-Page.md) | Showcase product details for possible buyers | 1-Beginner | -| [Quiz App](./Projects/Quiz-App.md) | Test your knowledge by answering questions | 1-Beginner | -| [Recipe App](./Projects/Recipe-App.md) | Recipe | 1-Beginner | -| [Random Meal Generator](./Projects/Random-Meal-Generator.md) | Generate random meals | 1-Beginner | -| [Roman to Decimal Converter](./Projects/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers | 1-Beginner | -| [Slider Design](./Projects/Slider-Design.md) | Display images using a slider control | 1-Beginner | -| [Stopwatch App](./Projects/Stopwatch-App.md) | Count time spent on activities | 1-Beginner | -| [TrueOrFalse](./Projects/True-or-False-App.md) | Identify the result of a conditional comparison | 1-Beginner | -| [Vigenere Cipher](./Projects/Vigenere-Cipher.md) | Encrypt text using the Vigenere Cypher | 1-Beginner | -| [Wind Chill](./Projects/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | -| [Word Frequency](./Projects/Word-Frequency-App.md) | Calculate word frequency in a block of text | 1-Beginner | +| [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 | +| [Christmas Lights](./Projects/1-Beginner/Christmas-Lights-App.md) | Simulate a string of Christmas lights | 1-Beginner | +| [Cause Effect App](./Projects/1-Beginner/Cause-Effect-App.md) | Click list item to display item details | 1-Beginner | +| [Color Cycle](./Projects/1-Beginner/Color-Cycle-App.md) | Cycle a color value through incremental changes | 1-Beginner | +| [Countdown Timer](./Projects/1-Beginner/Countdown-Timer-App.md) | Event Countdown timer | 1-Beginner | +| [CSV2JSON App](./Projects/1-Beginner/CSV2JSON-App.md) | CSV to JSON converter | 1-Beginner | +| [Dynamic CSS Variables](./Projects/1-Beginner/Dynamic-CSSVar-app.md) | Dynamically change CSS variable settings | 1-Beginner | +| [First DB App](./Projects/1-Beginner/First-DB-App.md) | Your first Database app! | 1-Beginner | +| [Flip Image](./Projects/1-Beginner/Flip-Image-App.md) | Change the orientation of images across two axes | 1-Beginner | +| [GitHub Status](./Projects/1-Beginner/GitHub-Status-App.md) | Display Current GitHub Status | 1-Beginner | +| [Hello](./Projects/1-Beginner/Hello-App.md) | User native language greeting | 1-Beginner | +| [IOT Mailbox Simulator](./Projects/1-Beginner/IOT-Mailbox-App.md) | Use callbacks to check your snail mail | 1-Beginner | +| [JSON2CSV App](./Projects/1-Beginner/JSON2CSV-App.md) | JSON to CSV converter | 1-Beginner | +| [Key Value](./Projects/1-Beginner/Key-Value-App.md) | Keyboard Event Values | 1-Beginner | +| [Lorem Ipsum Generator](./Projects/1-Beginner/Lorem-Ipsum-Generator.md) | Generate lorem ipsum placeholder text | 1-Beginner | +| [Notes App](./Projects/1-Beginner/Notes-App.md) | Create an online note pad | 1-Beginner | +| [Pearson Regression](./Projects/1-Beginner/Pearson-Regression-App.md) | Calculate the correlation coefficient for two sets of data | 1-Beginner | +| [Pomodoro Clock](./Projects/1-Beginner/Pomodoro-Clock.md) | Task timer to aid personal productivity | 1-Beginner | +| [Product Landing Page](./Projects/1-Beginner/Product-Landing-Page.md) | Showcase product details for possible buyers | 1-Beginner | +| [Quiz App](./Projects/1-Beginner/Quiz-App.md) | Test your knowledge by answering questions | 1-Beginner | +| [Recipe App](./Projects/1-Beginner/Recipe-App.md) | Recipe | 1-Beginner | +| [Random Meal Generator](./Projects/1-Beginner/Random-Meal-Generator.md) | Generate random meals | 1-Beginner | +| [Roman to Decimal Converter](./Projects/1-Beginner/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers | 1-Beginner | +| [Slider Design](./Projects/1-Beginner/Slider-Design.md) | Display images using a slider control | 1-Beginner | +| [Stopwatch App](./Projects/1-Beginner/Stopwatch-App.md) | Count time spent on activities | 1-Beginner | +| [TrueOrFalse](./Projects/1-Beginner/True-or-False-App.md) | Identify the result of a conditional comparison | 1-Beginner | +| [Vigenere Cipher](./Projects/1-Beginner/Vigenere-Cipher.md) | Encrypt text using the Vigenere Cypher | 1-Beginner | +| [Wind Chill](./Projects/1-Beginner/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | +| [Word Frequency](./Projects/1-Beginner/Word-Frequency-App.md) | Calculate word frequency in a block of text | 1-Beginner | ### Tier-2: Intermediate Projects | Name | Short Description | Tier | | ------------------------------------------------------------------ | -------------------------------------------------- | -------------- | -| [Bit Masks](./Projects/Bit-Masks-App.md) | Using Bit Masks for Conditions | 2-Intermediate | -| [Book Finder App](./Projects/Book-Finder-App.md) | Search for books by multiple criteria | 2-Intermediate | -| [Card Memory Game](./Projects/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | -| [Charity Finder App](./Projects/Charity-Finder-App.md) | Find a Global Charity to donate to | 2-Intermediate | -| [Drawing App](./Projects/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | -| [Emoji Translator App](./Projects/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | -| [Flashcards App](./Projects/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate | -| [Flip Art App](./Projects/Flip-Art-App.md) | Animate a set of images | 2-Intermediate | -| [HighStriker Game](./Projects/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | -| [Markdown Previewer](./Projects/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | -| [Markdown Table Generator](./Projects/Markdown-Table-Generator.md) | Convert a table into Markdown-formatted text | 2-Intermediate | -| [Meme Generator App](./Projects/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | -| [Password Generator](./Projects/Password-Generator.md) | Generate random passwords | 2-Intermediate | -| [Podcast Directory](./Projects/Podcast-Directory-App.md) | Directory of favorite podcasts | 2-Intermediate | -| [QR Code Badge Generator](./Projects/QRCode-Badge-App.md) | Encode badge info in a QRcode | 2-Intermediate | -| [Regular Expression Helper](./Projects/RegExp-Helper-App.md) | Test Regular Expressions | 2-Intermediate | -| [Sales Reciepts App](./Projects/Sales-DB-App.md) | Record Sales Receipts in a DB | 2-Intermediate | -| [Simple Online Store](./Projects/Simple-Online-Store.md) | Simple Online Store | 2-Intermediate | -| [Sports Bracket Generator](./Projects/Sports-Bracket-Generator.md) | Generate a sports bracket diagram | 2-Intermediate | -| [String Art](./Projects/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | -| [This or That Game](./Projects/This-or-That-Game.md) | This or That Game | 2-Intermediate | -| [Timezone Slackbot](./Projects/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | -| [To-Do App](./Projects/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | -| [Typing Practice](./Projects/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | -| [Voting App](./Projects/Voting-App.md) | Voting App | 2-Intermediate | +| [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 | +| [Charity Finder App](./Projects/2-Intermediate/Charity-Finder-App.md) | Find a Global Charity to donate to | 2-Intermediate | +| [Drawing App](./Projects/2-Intermediate/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | +| [Emoji Translator App](./Projects/2-Intermediate/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | +| [Flashcards App](./Projects/2-Intermediate/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate | +| [Flip Art App](./Projects/2-Intermediate/Flip-Art-App.md) | Animate a set of images | 2-Intermediate | +| [GitHub Profiles](./Projects/2-Intermediate/GitHub-Profiles.md) | A GitHub user seach App | 2-Intermediate | +| [HighStriker Game](./Projects/2-Intermediate/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | +| [Markdown Previewer](./Projects/2-Intermediate/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | +| [Markdown Table Generator](./Projects/2-Intermediate/Markdown-Table-Generator.md) | Convert a table into Markdown-formatted text | 2-Intermediate | +| [Math Editor](./Projects/2-Intermediate/math-editor.md) | A math editor for students to use | 2-Intermediate | +| [Meme Generator App](./Projects/2-Intermediate/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | +| [Password Generator](./Projects/2-Intermediate/Password-Generator.md) | Generate random passwords | 2-Intermediate | +| [Podcast Directory](./Projects/2-Intermediate/Podcast-Directory-App.md) | Directory of favorite podcasts | 2-Intermediate | +| [QR Code Badge Generator](./Projects/2-Intermediate/QRCode-Badge-App.md) | Encode badge info in a QRcode | 2-Intermediate | +| [Regular Expression Helper](./Projects/2-Intermediate/RegExp-Helper-App.md) | Test Regular Expressions | 2-Intermediate | +| [Sales Reciepts App](./Projects/2-Intermediate/Sales-DB-App.md) | Record Sales Receipts in a DB | 2-Intermediate | +| [Simple Online Store](./Projects/2-Intermediate/Simple-Online-Store.md) | Simple Online Store | 2-Intermediate | +| [Sports Bracket Generator](./Projects/2-Intermediate/Sports-Bracket-Generator.md) | Generate a sports bracket diagram | 2-Intermediate | +| [String Art](./Projects/2-Intermediate/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | +| [This or That Game](./Projects/2-Intermediate/This-or-That-Game.md) | This or That Game | 2-Intermediate | +| [Timezone Slackbot](./Projects/2-Intermediate/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | +| [To-Do App](./Projects/2-Intermediate/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | +| [Typing Practice](./Projects/2-Intermediate/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | +| [Voting App](./Projects/2-Intermediate/Voting-App.md) | Voting App | 2-Intermediate | ### Tier-3: Advanced Projects | Name | Short Description | Tier | | -------------------------------------------------------------- | ------------------------------------------------------------------- | ---------- | -| [Battleship Bot](./Projects/Battleship-Bot.md) | Create a Discord bot that plays Battleship | 3-Advanced | -| [Battleship Game Engine](./Projects/Battleship-Game-Engine.md) | Create a callable engine to play the Battleship game | 3-Advanced | -| [Boole Bots Game](./Projects/Boole-Bot-Game.md) | Battling Bots driven by Boolean algebra | 3-Advanced | -| [Calorie Counter](./Projects/Calorie-Counter-App.md) | Calorie Counter Nutrition App | 3-Advanced | -| [Chat App](./Projects/Chat-App.md) | Real-time chat interface | 3-Advanced | -| [Elevator](./Projects/Elevator-App.md) | Elevator simulator | 3-Advanced | -| [Fast Food Simulator](./Projects/FastFood-App.md) | Fast Food Restaurant Simulator | 3-Advanced | -| [Instagram Clone](./Projects/Instagram-Clone-App.md) | A clone of Facebook's Instagram app | 3-Advanced | -| [GitHub Timeline](./Projects/GitHub-Timeline-App.md) | Generate a timeline of a users GitHub Repos | 3-Advanced | -| [Kudos Slackbot](./Projects/Kudos-Slackbot.md) | Give recognition to a deserving peer | 3-Advanced | -| [Movie App](./Projects/Movie-App.md) | Browse, Find Ratings, Check Actors and Find you next movie to watch | 3-Advanced | -| [MyPodcast Library](./Projects/MyPodcast-Library-app.md) | Create a library of favorite podcasts | 3-Advanced | -| [NASA Exoplanet Query](./Projects/NASA-Exoplanet-Query.md) | Query NASA's Exoplanet Archive | 3-Advanced | -| [Shell Game](./Projects/Shell-Game.md) | Animated shell game | 3-Advanced | -| [Shuffle Deck](./Projects/Shuffle-Deck-App.md) | Evaluate different algorithms for shuffling a card deck | 3-Advanced | -| [Slack Archiver](./Projects/Slack-Archiver.md) | Archive Slack Messages | 3-Advanced | -| [Spell-It App](./Projects/SpellIt-App.md) | A twist on the classic Speak N Spell game | 3-Advanced | -| [Survey App](./Projects/Survey-App.md) | Define, conduct, and view a survey | 3-Advanced | +| [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 | ## Plans for the future