@ -1,3 +1,4 @@
< a name = "top" > < / a >
## 👇 **Practice Daily on iCodeThis.com** 👇
[](https://iCodeThis.com/?ref=app-ideas)
@ -26,6 +27,8 @@ Each project has the following **features**:
Here you can [watch a video about this repository ](https://www.youtube.com/watch?v=TNzCfgwIDCY ).
[⬆️ Go to Top ](#top )
## Projects
Projects are divided into three tiers based on the knowledge and experience
@ -37,110 +40,31 @@ required to complete them.
| 2 | Developers at an intermediate stage of learning and experience. They are comfortable in UI/UX, using development tools, and building apps that use API services. |
| 3 | Developers who have all of the above, and are learning more advanced techniques like implementing backend applications and database services. |
🌟 - New Project
[⬆️ Go to Top ](#top )
### Tier-1: Beginner Projects
| 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 |
| [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 |
| [Dollars to Cents ](./Projects/1-Beginner/Dollars-To-Cents-App.md ) | Convert dollars to cents | 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 |
| [JS Input Validation ](./Projects/1-Beginner/Javascript-Validation-With-Regex.md ) | Script to validate inputs entered by a user using RegEx | 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 |
| [Random Number Generator ](./Projects/1-Beginner/Random-Number-Generator.md ) | Generate random number between range. | 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 |
| [Weather App ](./Projects/1-Beginner/Weather-App.md ) | Get the temperature, weather condition of a city. | 1-Beginner |
| ---- | ---------------- | ---- |
| ... | ... | ... |
[⬆️ Go to Top ](#top )
### Tier-2: Intermediate Projects
| 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 |
| [Calculator CLI ](./Projects/2-Intermediate/Calculator-CLI.md ) | Create a basic calculator cli. | 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 |
| [Chrome Theme Extension ](./Projects/2-Intermediate/Chrome-Theme-Extension.md ) | Build your own chrome theme extention. | 2-Intermediate |
| [Currency Converter ](./Projects/2-Intermediate/Currency-Converter.md ) | Convert one currency to another. | 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 |
| [Game Suggestion App ](./Projects/2-Intermediate/Game-Suggestion-App.md ) | Create polls to decide what games to play | 2-Intermediate |
| [GitHub Profiles ](./Projects/2-Intermediate/GitHub-Profiles.md ) | A GitHub user search App | 2-Intermediate |
| [HighStriker Game ](./Projects/2-Intermediate/HighStriker-Game.md ) | Highstriker strongman carnival game | 2-Intermediate |
| [Image Scanner ](./Projects/2-Intermediate/Image-Scaner.md ) | Image Scanner App | 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 |
| [Name Generation using RNNs ](./Projects/2-Intermediate/Name-Generator.md ) | Generate names using names dataset | 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 |
| ---- | ---------------- | ---- |
| ... | ... | ... |
[⬆️ Go to Top ](#top )
### 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 |
| [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 |
| ---- | ---------------- | ---- |
| ... | ... | ... |
[⬆️ Go to Top ](#top )
## Plans for the future
@ -148,6 +72,8 @@ We are planning to add more and more projects to this repository. For this, we n
We are also planning to create a website where you can easily browse through all of the projects.
[⬆️ Go to Top ](#top )
## Contribution
Any contributions are highly appreciated. :pray: You can contribute in two ways:
@ -155,25 +81,37 @@ Any contributions are highly appreciated. :pray: You can contribute in two ways:
1. create an issue and tell us your idea :bulb:. Make sure that you use the **new idea** label in this case;
2. fork the project and submit a PR with your new idea. Before doing that, please make sure that you read and follow the [Contribution Guide ](./CONTRIBUTING.md );
[⬆️ Go to Top ](#top )
### Examples
You can also add your own examples to the projects after you have completed them. I highly encourage you to do this as it will show others what amazing things were built! 👍
[⬆️ Go to Top ](#top )
## Spread the word!
If the information from this repo was useful to you in any way, make sure you give it a star 🌟, this way others can find it and benefit too! Together we can grow and make our community better! :smiley:
Do you have any suggestions on how we could improve this project overall? Let us know! We'd love to hear your feedback!
[⬆️ Go to Top ](#top )
### Main Contributors 🙂🙂
- **Florin Pop** : [Twitter ](https://twitter.com/florinpop1705 ) - [YouTube Channel ](https://youtube.com/florinpop ) - [website ](https://florin-pop.com ).
- **Jim Medlock** : [Twitter ](https://twitter.com/jd_medlock ) - [articles ](https://medium.com/@jdmedlock )
[⬆️ Go to Top ](#top )
## 100Days100Projects 🚀
As a bonus, I created the [#100Days100Projects challenge ](https://www.florin-pop.com/blog/2019/09/100-days-100-projects ). You can find in there 100 more ideas of smaller projects. Enjoy! 😄
[⬆️ Go to Top ](#top )
## Stars history
[](https://starchart.cc/florinpop17/app-ideas)
[⬆️ Go to Top ](#top )
Harshit Kumar
12 months ago
committed by
GitHub