Você já quis construir algo, mas não tinha ideia do que fazer? Assim como autores às vezes o "bloqueio criativo" também é uma verdade para os desenvolvedores. Esta lista destina-se a resolver este problema de uma vez por todas! 👍
Essas aplicações são:
- ótimas para melhorar suas habilidades de codificação 💪;
- ótimas para experimentar novas tecnologias 🆕;
- ótimas para adicionar ao seu portfólio para mostrar ao seu próximo empregador/cliente 📁;
- ótimas para usar os exemplos em tutoriais (artigos ou vídeos) 📃;
- fácil de completar e também facilmente extensível com novos recursos 👌;
Esta não é apenas uma lista simples de projetos, mas uma coleção que descreve cada projeto com detalhes suficientes para que você possa desenvolvê-lo desde o início!
Cada projeto tem as seguintes features:
- Um objetivo claro e descritivo;
- Uma lista de User Stories que devem ser implementada (essas ações funcionam mais como um guia do que uma lista forçada de To-Do's. Sinta-se à vontade para adicionar suas próprias ações se quiser);
- Uma lista de recursos de bônus que não apenas melhoram o projeto base, assim como irá melhorar as suas habilidades ao mesmo tempo (estes são opcionais e devem ser tentados somente depois de concluir as ações de necessárias);
- Todos os recursos e links para ajudá-lo a encontrar o que você precisa para concluir o projeto.
Aqui você pode assisti um vídeo sobre este repositório.
Os projetos são divididos em três níveis com base no conhecimento e experiência necessários para completá-los.
| Nível | Perfil do desenvolvedor |
|---|---|
| 1 | Desenvolvedores nos estágios iniciais de sua jornada de aprendizado. Aqueles que normalmente estão focados na criação de aplicativos voltados para o usuário. |
| 2 | Desenvolvedores em estágio intermediário de aprendizado e experiência. Eles se sentem confortáveis em UI/UX, usando ferramentas de desenvolvimento e criando aplicativos que usam serviços de API. |
| 3 | Desenvolvedores que têm todos os itens acima e estão aprendendo técnicas mais avançadas, como implementar aplicativos de back-end e serviços de banco de dados. |
🌟 - Projeto Novo
| Nome | Descrição | Nível |
|---|---|---|
| Bin2Dec | Binary-to-Decimal number converter | 1-Iniciante |
| Border Radius Previewer | Preview how CSS3 border-radius values affect an element | 1-Iniciante |
| Calculator | Calculator | 1-Iniciante |
| Christmas Lights | Simulate a string of Christmas lights | 1-Iniciante |
| Cause Effect App | Click list item to display item details | 1-Iniciante |
| Color Cycle | Cycle a color value through incremental changes | 1-Iniciante |
| Countdown Timer | Event Countdown timer | 1-Iniciante |
| CSV2JSON App | CSV to JSON converter | 1-Iniciante |
| Dollars to Cents | Convert dollars to cents | 1-Iniciante |
| Dynamic CSS Variables | Dynamically change CSS variable settings | 1-Iniciante |
| First DB App | Your first Database app! | 1-Iniciante |
| Flip Image | Change the orientation of images across two axes | 1-Iniciante |
| GitHub Status | Display Current GitHub Status | 1-Iniciante |
| Hello | User native language greeting | 1-Iniciante |
| IOT Mailbox Simulator | Use callbacks to check your snail mail | 1-Iniciante |
| JS Input Validation | Script to validate inputs entered by a user using RegEx | 1-Iniciante |
| JSON2CSV App | JSON to CSV converter | 1-Iniciante |
| Key Value | Keyboard Event Values | 1-Iniciante |
| Lorem Ipsum Generator | Generate lorem ipsum placeholder text | 1-Iniciante |
| Notes App | Create an online note pad | 1-Iniciante |
| Pearson Regression | Calculate the correlation coefficient for two sets of data | 1-Iniciante |
| Pomodoro Clock | Task timer to aid personal productivity | 1-Iniciante |
| Product Landing Page | Showcase product details for possible buyers | 1-Iniciante |
| Quiz App | Test your knowledge by answering questions | 1-Iniciante |
| Recipe App | Recipe | 1-Iniciante |
| Random Meal Generator | Generate random meals | 1-Iniciante |
| Random Number Generator | Generate random number between range. | 1-Iniciante |
| Roman to Decimal Converter | Convert Roman to Decimal numbers | 1-Iniciante |
| Slider Design | Display images using a slider control | 1-Iniciante |
| Stopwatch App | Count time spent on activities | 1-Iniciante |
| TrueOrFalse | Identify the result of a conditional comparison | 1-Iniciante |
| Vigenere Cipher | Encrypt text using the Vigenere Cypher | 1-Iniciante |
| Wind Chill | Calculate the windchill factor from an actual temperature | 1-Iniciante |
| Word Frequency | Calculate word frequency in a block of text | 1-Iniciante |
| Weather App | Get the temperature, weather condition of a city. | 1-Iniciante |
| Nome | Descrição | Nível |
|---|---|---|
| Bit Masks | Using Bit Masks for Conditions | 2-Intermediário |
| Book Finder App | Search for books by multiple criteria | 2-Intermediário |
| Calculator CLI | Create a basic calculator cli. | 2-Intermediário |
| Card Memory Game | Memorize and match hidden images | 2-Intermediário |
| Charity Finder App | Find a Global Charity to donate to | 2-Intermediário |
| Chrome Theme Extension | Build your own chrome theme extention. | 2-Intermediário |
| Currency Converter | Convert one currency to another. | 2-Intermediário |
| Drawing App | Create digital artwork on the web | 2-Intermediário |
| Emoji Translator App | Translate sentences into Emoji | 2-Intermediário |
| Flashcards App | Review and test your knowledge through Flash Cards | 2-Intermediário |
| Flip Art App | Animate a set of images | 2-Intermediário |
| Game Suggestion App | Create polls to decide what games to play | 2-Intermediário |
| GitHub Profiles | A GitHub user search App | 2-Intermediário |
| HighStriker Game | Highstriker strongman carnival game | 2-Intermediário |
| Image Scanner | Image Scanner App | 2-Intermediário |
| Markdown Previewer | Preview text formatted in GitHub flavored markdown | 2-Intermediário |
| Markdown Table Generator | Convert a table into Markdown-formatted text | 2-Intermediário |
| Math Editor | A math editor for students to use | 2-Intermediário |
| Meme Generator App | Create custom memes | 2-Intermediário |
| Name Generation using RNNs | Generate names using names dataset | 2-Intermediário |
| Password Generator | Generate random passwords | 2-Intermediário |
| Podcast Directory | Directory of favorite podcasts | 2-Intermediário |
| QR Code Badge Generator | Encode badge info in a QRcode | 2-Intermediário |
| Regular Expression Helper | Test Regular Expressions | 2-Intermediário |
| Sales Reciepts App | Record Sales Receipts in a DB | 2-Intermediário |
| Simple Online Store | Simple Online Store | 2-Intermediário |
| Sports Bracket Generator | Generate a sports bracket diagram | 2-Intermediário |
| String Art | An animation of moving, colored strings | 2-Intermediário |
| This or That Game | This or That Game | 2-Intermediário |
| Timezone Slackbot | Display Team Timezones | 2-Intermediário |
| To-Do App | Manage personal to-do tasks | 2-Intermediário |
| Typing Practice | Typing Practice | 2-Intermediário |
| Voting App | Voting App | 2-Intermediate |
| Nome | Descrição | Nível |
|---|---|---|
| Battleship Bot | Create a Discord bot that plays Battleship | 3-Avançado |
| Battleship Game Engine | Create a callable engine to play the Battleship game | 3-Avançado |
| Boole Bots Game | Battling Bots driven by Boolean algebra | 3-Avançado |
| Calendar | Create your own Calendar | 3-Avançado |
| Calorie Counter | Calorie Counter Nutrition App | 3-Avançado |
| Chat App | Real-time chat interface | 3-Avançado |
| Contribution Tracker App | Track funds donated to charity | 3-Avançado |
| Elevator | Elevator simulator | 3-Avançado |
| Fast Food Simulator | Fast Food Restaurant Simulator | 3-Avançado |
| Instagram Clone | A clone of Facebook's Instagram app | 3-Avançado |
| GitHub Timeline | Generate a timeline of a users GitHub Repos | 3-Avançado |
| Kudos Slackbot | Give recognition to a deserving peer | 3-Avançado |
| Movie App | Browse, Find Ratings, Check Actors and Find you next movie to watch | 3-Avançado |
| MyPodcast Library | Create a library of favorite podcasts | 3-Avançado |
| NASA Exoplanet Query | Query NASA's Exoplanet Archive | 3-Avançado |
| Shell Game | Animated shell game | 3-Avançado |
| Shuffle Deck | Evaluate different algorithms for shuffling a card deck | 3-Avançado |
| Slack Archiver | Archive Slack Messages | 3-Avançado |
| Spell-It App | A twist on the classic Speak N Spell game | 3-Avançado |
| Survey App | Define, conduct, and view a survey | 3-Avançado |
Estamos planejando adicionar mais e mais projetos a este repositório. Para isso, precisamos da sua ajuda! Saiba como contribuir abaixo. 👇
Também estamos planejando criar um site onde você possa navegar facilmente por todos os projetos.
Quaisquer contribuições são muito apreciadas. 🙏 Você pode contribuir de duas maneiras:
- crie um problema e conte-nos a sua ideia 💡. Certifique-se de usar o rótulo nova ideia neste caso;
- Fork o projeto e envie um PR com sua nova ideia. Antes de fazer isso, certifique-se de ler e seguir o Guia de Contribuição (ainda em inglês);
Você também pode adicionar seus próprios exemplos aos projetos depois de concluí-los. Eu encorajo você a fazer isso, pois mostrará aos outros que coisas incríveis foram construídas! 👍
Se as informações deste repositório foram úteis para você de alguma forma, certifique-se de dar uma estrela 🌟, assim outras pessoas podem encontrá-las e se beneficiar também! Juntos podemos crescer e tornar nossa comunidade melhor! :risonho:
Você tem alguma sugestão sobre como podemos melhorar este projeto em geral? Nos informe! Adoraríamos ouvir seus comentários!
- Florin Pop: Twitter - YouTube Channel - website.
- Jim Medlock: Twitter - articles
Como bonus, eu criei o #100Days100Projects challenge. Você pode encontrar nele mais 100 ideias para projetos pequenos. Aproveite! 😄
