diff --git a/README.md b/README.md index f6557617..89fcc54a 100644 --- a/README.md +++ b/README.md @@ -1,86 +1,59 @@ ## :ledger: App Ideas Collection -![App Ideas Image](./app-ideas.png) - -[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](./CONTRIBUTING.md) - -Have you ever wanted to build something but you had no idea what to do? Just as -authors sometimes have "writers block" it's also true for developers. This list is intended to solve this issue once and for all! 👍 - -These applications are: - -- great for improving your coding skills :muscle:; -- great for experimenting with new technologies 🆕; -- great for adding to your portfolio to impress your next employer/client :file_folder:; -- great for using as examples in tutorials (articles or videos) :page_with_curl:; -- easy to complete and also easily extendable with new features :ok_hand:; - -This is not just a simple list of projects, but a collection that describes each project in enough detail so that you can develop it from the ground up! - -Each project has the following **features**: - -1. A clear and descriptive objective; -2. A list of _User Stories_ which should be implemented (these stories act more as a guideline than a forced list of _To-Do's_. Feel free to add your own stories if you want); -3. A list of bonus features that not only improve the base project, but also your skills at the same time (these are optional and should be attempted only after you have completed the required user stories) -4. All the resources and links to help you find what you need to complete the project - -Here you can [watch a video about this repository](https://www.youtube.com/watch?v=TNzCfgwIDCY). + ## 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. | - -🌟 - New Project +* * * ### Tier-1: Beginner Projects -| Name | Short Description | Tier | +| Name | Short Description | Done | | --------------------------------------------------------------------------------- | ---------------------------------------------------------- | ---------- | -| [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 | +| [Bin2Dec](./Projects/1-Beginner/Bin2Dec-App.md) | Binary-to-Decimal number converter | ❌ | +| [Border Radius Previewer](./Projects/1-Beginner/Border-Radius-Previewer) | Preview how CSS3 border-radius values affect an element | ✅ [Deploy](https://lcds90-border-radius-previewer.vercel.app/) | +| [Calculator](./Projects/1-Beginner/Calculator-App.md) | Calculator | ❌ | +| [Christmas Lights](./Projects/1-Beginner/Christmas-Lights-App.md) | Simulate a string of Christmas lights | ❌ | +| [Cause Effect App](./Projects/1-Beginner/Cause-Effect-App.md) | Click list item to display item details | ❌ | +| [Color Cycle](./Projects/1-Beginner/Color-Cycle-App.md) | Cycle a color value through incremental changes | ❌ | +| [Countdown Timer](./Projects/1-Beginner/Countdown-Timer-App.md) | Event Countdown timer | ❌ | +| [CSV2JSON App](./Projects/1-Beginner/CSV2JSON-App.md) | CSV to JSON converter | ❌ | +| [Dollars to Cents](./Projects/1-Beginner/Dollars-To-Cents-App.md) | Convert dollars to cents | ❌ | +| [Dynamic CSS Variables](./Projects/1-Beginner/Dynamic-CSSVar-app.md) | Dynamically change CSS variable settings | ❌ | +| [First DB App](./Projects/1-Beginner/First-DB-App.md) | Your first Database app! | ❌ | +| [Flip Image](./Projects/1-Beginner/Flip-Image-App.md) | Change the orientation of images across two axes | ❌ | +| [GitHub Status](./Projects/1-Beginner/GitHub-Status-App.md) | Display Current GitHub Status | ❌ | +| [Hello](./Projects/1-Beginner/Hello-App.md) | User native language greeting | ❌ | +| [IOT Mailbox Simulator](./Projects/1-Beginner/IOT-Mailbox-App.md) | Use callbacks to check your snail mail | ❌ | +| [JS Input Validation](./Projects/1-Beginner/Javascript-Validation-With-Regex.md) | Script to validate inputs entered by a user using RegEx | ❌ | +| [JSON2CSV App](./Projects/1-Beginner/JSON2CSV-App.md) | JSON to CSV converter | ❌ | +| [Key Value](./Projects/1-Beginner/Key-Value-App.md) | Keyboard Event Values | ❌ | +| [Lorem Ipsum Generator](./Projects/1-Beginner/Lorem-Ipsum-Generator.md) | Generate lorem ipsum placeholder text | ❌ | +| [Notes App](./Projects/1-Beginner/Notes-App.md) | Create an online note pad | ❌ | +| [Pearson Regression](./Projects/1-Beginner/Pearson-Regression-App.md) | Calculate the correlation coefficient for two sets of data | ❌ | +| [Pomodoro Clock](./Projects/1-Beginner/Pomodoro-Clock.md) | Task timer to aid personal productivity | ❌ | +| [Product Landing Page](./Projects/1-Beginner/Product-Landing-Page.md) | Showcase product details for possible buyers | ❌ | +| [Quiz App](./Projects/1-Beginner/Quiz-App.md) | Test your knowledge by answering questions | ❌ | +| [Recipe App](./Projects/1-Beginner/Recipe-App.md) | Recipe | ❌ | +| [Random Meal Generator](./Projects/1-Beginner/Random-Meal-Generator.md) | Generate random meals | ❌ | +| [Random Number Generator](./Projects/1-Beginner/Random-Number-Generator.md) | Generate random number between range. | ❌ | +| [Roman to Decimal Converter](./Projects/1-Beginner/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers | ❌ | +| [Slider Design](./Projects/1-Beginner/Slider-Design.md) | Display images using a slider control | ❌ | +| [Stopwatch App](./Projects/1-Beginner/Stopwatch-App.md) | Count time spent on activities | ❌ | +| [TrueOrFalse](./Projects/1-Beginner/True-or-False-App.md) | Identify the result of a conditional comparison | ❌ | +| [Vigenere Cipher](./Projects/1-Beginner/Vigenere-Cipher.md) | Encrypt text using the Vigenere Cypher | ❌ | +| [Wind Chill](./Projects/1-Beginner/Windchill-App.md) | Calculate the windchill factor from an actual temperature | ❌ | +| [Word Frequency](./Projects/1-Beginner/Word-Frequency-App.md) | Calculate word frequency in a block of text | ❌ | +| [Weather App](./Projects/1-Beginner/Weather-App.md) | Get the temperature, weather condition of a city. | ❌ | + +* * * ### Tier-2: Intermediate Projects + | Name | Short Description | Tier | | --------------------------------------------------------------------------------- | -------------------------------------------------- | -------------- | | [Bit Masks](./Projects/2-Intermediate/Bit-Masks-App.md) | Using Bit Masks for Conditions | 2-Intermediate | @@ -117,6 +90,8 @@ required to complete them. | [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 |