📒 App Ideas Collection
I am using this great project to enhance my knowledge in Frontend as my current frontend knowledge is limited to some basic jQuery.
I will try to work as much as I can, one project at a time, starting on the beginner tier.
The stack I want to improve:
- Typescript and Javascript
- Setup and configuration of an npm environment
- Deno
- TailwindCSS
You can find more about this project, and even begin your own journey with the stack of your choice, on the repo where this fork come from.
Projects
Projects are divided into three tiers based on the knowledge and experience required to complete them.
| Tier | Developer Profile |
|---|---|
| 1 | Developers in the early stages of their learning journey. Those who are typically focused on creating user-facing applications. |
| 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. |
Tier-1: Beginner Projects
| Name | Short Description | Tier |
|---|---|---|
| Bin2Dec | Binary-to-Decimal number converter | 1-Beginner |
| Border Radius Previewer | Preview how CSS3 border-radius values affect an element | 1-Beginner |
| Calculator | Calculator | 1-Beginner |
| Christmas Lights | Simulate a string of Christmas lights | 1-Beginner |
| Cause Effect App | Click list item to display item details | 1-Beginner |
| Color Cycle | Cycle a color value through incremental changes | 1-Beginner |
| Countdown Timer | Event Countdown timer | 1-Beginner |
| CSV2JSON App | CSV to JSON converter | 1-Beginner |
| Dollars to Cents | Convert dollars to cents | 1-Beginner |
| Dynamic CSS Variables | Dynamically change CSS variable settings | 1-Beginner |
| First DB App | Your first Database app! | 1-Beginner |
| Flip Image | Change the orientation of images across two axes | 1-Beginner |
| GitHub Status | Display Current GitHub Status | 1-Beginner |
| Hello | User native language greeting | 1-Beginner |
| IOT Mailbox Simulator | Use callbacks to check your snail mail | 1-Beginner |
| JS Input Validation | Script to validate inputs entered by a user using RegEx | 1-Beginner |
| JSON2CSV App | JSON to CSV converter | 1-Beginner |
| Key Value | Keyboard Event Values | 1-Beginner |
| Lorem Ipsum Generator | Generate lorem ipsum placeholder text | 1-Beginner |
| Notes App | Create an online note pad | 1-Beginner |
| Pearson Regression | Calculate the correlation coefficient for two sets of data | 1-Beginner |
| Pomodoro Clock | Task timer to aid personal productivity | 1-Beginner |
| Product Landing Page | Showcase product details for possible buyers | 1-Beginner |
| Quiz App | Test your knowledge by answering questions | 1-Beginner |
| Recipe App | Recipe | 1-Beginner |
| Random Meal Generator | Generate random meals | 1-Beginner |
| Random Number Generator | Generate random number between range. | 1-Beginner |
| Roman to Decimal Converter | Convert Roman to Decimal numbers | 1-Beginner |
| Slider Design | Display images using a slider control | 1-Beginner |
| Stopwatch App | Count time spent on activities | 1-Beginner |
| TrueOrFalse | Identify the result of a conditional comparison | 1-Beginner |
| Vigenere Cipher | Encrypt text using the Vigenere Cypher | 1-Beginner |
| Wind Chill | Calculate the windchill factor from an actual temperature | 1-Beginner |
| Word Frequency | Calculate word frequency in a block of text | 1-Beginner |
| Weather App | Get the temperature, weather condition of a city. | 1-Beginner |
Tier-2: Intermediate Projects
| Name | Short Description | Tier |
|---|---|---|
| Bit Masks | Using Bit Masks for Conditions | 2-Intermediate |
| Book Finder App | Search for books by multiple criteria | 2-Intermediate |
| Calculator CLI | Create a basic calculator cli. | 2-Intermediate |
| Card Memory Game | Memorize and match hidden images | 2-Intermediate |
| Charity Finder App | Find a Global Charity to donate to | 2-Intermediate |
| Chrome Theme Extension | Build your own chrome theme extention. | 2-Intermediate |
| Currency Converter | Convert one currency to another. | 2-Intermediate |
| Drawing App | Create digital artwork on the web | 2-Intermediate |
| Emoji Translator App | Translate sentences into Emoji | 2-Intermediate |
| Flashcards App | Review and test your knowledge through Flash Cards | 2-Intermediate |
| Flip Art App | Animate a set of images | 2-Intermediate |
| Game Suggestion App | Create polls to decide what games to play | 2-Intermediate |
| GitHub Profiles | A GitHub user search App | 2-Intermediate |
| HighStriker Game | Highstriker strongman carnival game | 2-Intermediate |
| Image Scanner | Image Scanner App | 2-Intermediate |
| Markdown Previewer | Preview text formatted in GitHub flavored markdown | 2-Intermediate |
| Markdown Table Generator | Convert a table into Markdown-formatted text | 2-Intermediate |
| Math Editor | A math editor for students to use | 2-Intermediate |
| Meme Generator App | Create custom memes | 2-Intermediate |
| Name Generation using RNNs | Generate names using names dataset | 2-Intermediate |
| Password Generator | Generate random passwords | 2-Intermediate |
| Podcast Directory | Directory of favorite podcasts | 2-Intermediate |
| QR Code Badge Generator | Encode badge info in a QRcode | 2-Intermediate |
| Regular Expression Helper | Test Regular Expressions | 2-Intermediate |
| Sales Reciepts App | Record Sales Receipts in a DB | 2-Intermediate |
| Simple Online Store | Simple Online Store | 2-Intermediate |
| Sports Bracket Generator | Generate a sports bracket diagram | 2-Intermediate |
| String Art | An animation of moving, colored strings | 2-Intermediate |
| This or That Game | This or That Game | 2-Intermediate |
| Timezone Slackbot | Display Team Timezones | 2-Intermediate |
| To-Do App | Manage personal to-do tasks | 2-Intermediate |
| Typing Practice | Typing Practice | 2-Intermediate |
| Voting App | Voting App | 2-Intermediate |
Tier-3: Advanced Projects
| Name | Short Description | Tier |
|---|---|---|
| Battleship Bot | Create a Discord bot that plays Battleship | 3-Advanced |
| Battleship Game Engine | Create a callable engine to play the Battleship game | 3-Advanced |
| Boole Bots Game | Battling Bots driven by Boolean algebra | 3-Advanced |
| Calendar | Create your own Calendar | 3-Advanced |
| Calorie Counter | Calorie Counter Nutrition App | 3-Advanced |
| Chat App | Real-time chat interface | 3-Advanced |
| Contribution Tracker App | Track funds donated to charity | 3-Advanced |
| Elevator | Elevator simulator | 3-Advanced |
| Fast Food Simulator | Fast Food Restaurant Simulator | 3-Advanced |
| Instagram Clone | A clone of Facebook's Instagram app | 3-Advanced |
| GitHub Timeline | Generate a timeline of a users GitHub Repos | 3-Advanced |
| Kudos Slackbot | Give recognition to a deserving peer | 3-Advanced |
| Movie App | Browse, Find Ratings, Check Actors and Find you next movie to watch | 3-Advanced |
| MyPodcast Library | Create a library of favorite podcasts | 3-Advanced |
| NASA Exoplanet Query | Query NASA's Exoplanet Archive | 3-Advanced |
| Shell Game | Animated shell game | 3-Advanced |
| Shuffle Deck | Evaluate different algorithms for shuffling a card deck | 3-Advanced |
| Slack Archiver | Archive Slack Messages | 3-Advanced |
| Spell-It App | A twist on the classic Speak N Spell game | 3-Advanced |
| Survey App | Define, conduct, and view a survey | 3-Advanced |