hhy5277 / app-ideas

A Collection of application ideas which can be used to improve your coding skills.

📒 App Ideas Collection

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 to improve your coding skills 💪;
• great to experiment with new technologies 🆕;
• great to be added in your portfolio to impress your next employer/client 📁;
• great to be used as examples in tutorials (articles or videos) 📃;
• easy to complete and also easily extendable with new features 👌;

This is not just a simple list of projects, but a collection that describes each project in enough detail so 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

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
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
CSV2JSON App	CSV to JSON converter	1-Beginner
Flip Image	Change the orientation of images across two axes	1-Beginner
JSON2CSV App	JSON to CSV converter	1-Beginner
Lorem Ipsum Generator	Generate lorem ipsum placeholder text	1-Beginner
Notes App	Create and online note pad	1-Beginner
Pomodoro Clock	Task timer to aid personal productivity	1-Beginner
Quiz App	Test your knowledge by answering questions	1-Beginner
Roman to Decimal Converter	Convert Roman to Decimal numbers	1-Beginner
Slider Design	Display images using a slider control	1-Beginner
TrueOrFalse	Identify the result of a conditional comparison	1-Beginner
Wind Chill	Calculate the windchill factor from an actual temperature	1-Beginner

Tier-2: Intermediate Projects

Name	Short Description	Tier
Book Finder App	Search for books by multiple criteria	2-Intermediate
Card Memory Game	Memorize and match hidden images	2-Intermediate
Drawing App	Create digital artwork on the web	2-Intermediate
Flashcards App	Review and test your knowledge through Flash Cards	2-Intermediate
HighStriker Game	Highstriker strongman carnival game	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
Regular Expression Helper	Test Regular Expressions	2-Intermediate
Sports Bracket Generator	Generate a sports bracket diagram	2-Intermediate
String Art	An animation of moving, colored strings	2-Intermediate
Timezone Slackbot	Display Team Timezones	2-Intermediate
To-Do App	Manage personal to-do tasks	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
Chat App	Real-time chat interface	3-Advanced
Elevator	Elevator simulator	3-Advanced
GitHub Timeline	Generate a timeline of a users GitHub Repos	3-Advanced
Kudos Slackbot	Give recognition to a deserving peer	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

Plans for the future

We are planning to add more and more projects to this repository. For this, we need your help! Find out how to contribute below. 👇

We are also planning to create a website where you can easily browse through all of the projects.

Contribution

Any contributions are highly appreciated. 🙏 You can contribute in two ways:

1. create an issue and tell us your idea 💡. 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;

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! 👍

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! 😃

Do you have any suggestions on how we could improve this project overall? Let us know! We'd love to hear your feedback!

Main Contributors 🙂🙂

• Florin Pop: Twitter - website.
• Jim Medlock: Twitter - articles

Weekly Coding Challenge 🚀

As a bonus, there's a Weekly Coding Challenge where you can learn more by practicing your skills on real-world projects. Read The Complete Guide to find out how you can participate! 😄