Wollten Sie schon immer etwas bauen, hatten aber keine Ahnung, was Sie tun sollten? So wie Autoren manchmal unter einer „Schreibblockade“ leiden, gilt dies auch für Entwickler. Diese Liste soll dieses Problem ein für alle Mal lösen! ?
Diese Anwendungen sind:
großartig, um Ihre Programmierfähigkeiten zu verbessern?;
ideal zum Experimentieren mit neuen Technologien?;
ideal als Ergänzung zu Ihrem Portfolio, um Ihren nächsten Arbeitgeber/Kunden zu beeindrucken?;
ideal für die Verwendung als Beispiele in Tutorials (Artikeln oder Videos)?;
einfach zu vervollständigen und auch leicht um neue Funktionen erweiterbar?;
Dies ist nicht nur eine einfache Liste von Projekten, sondern eine Sammlung, die jedes Projekt so detailliert beschreibt, dass Sie es von Grund auf entwickeln können!
Jedes Projekt verfügt über die folgenden Funktionen :
Ein klares und beschreibendes Ziel;
Eine Liste von User Stories , die implementiert werden sollten (diese Storys dienen eher als Richtlinie denn als erzwungene To-Do- Liste. Sie können gerne Ihre eigenen Storys hinzufügen, wenn Sie möchten);
Eine Liste von Bonusfunktionen, die nicht nur das Basisprojekt, sondern gleichzeitig auch Ihre Fähigkeiten verbessern (diese sind optional und sollten erst ausprobiert werden, nachdem Sie die erforderlichen User Stories abgeschlossen haben)
Alle Ressourcen und Links, die Ihnen helfen, das zu finden, was Sie zum Abschluss des Projekts benötigen
Hier können Sie sich ein Video zu diesem Repository ansehen.
Projekte werden basierend auf den für ihre Durchführung erforderlichen Kenntnissen und Erfahrungen in drei Stufen unterteilt.
Stufe | Entwicklerprofil |
---|---|
1 | Entwickler in den frühen Phasen ihrer Lernreise. Diejenigen, die sich typischerweise auf die Erstellung benutzerorientierter Anwendungen konzentrieren. |
2 | Entwickler in einem mittleren Lern- und Erfahrungsstadium. Sie sind mit UI/UX vertraut, verwenden Entwicklungstools und erstellen Apps, die API-Dienste nutzen. |
3 | Entwickler, die alle oben genannten Voraussetzungen erfüllen und fortgeschrittenere Techniken wie die Implementierung von Backend-Anwendungen und Datenbankdiensten erlernen. |
Neues Projekt
Name | Kurzbeschreibung | Stufe |
---|---|---|
Bin2Dez | Binär-zu-Dezimal-Zahlenkonverter | 1-Anfänger |
Randradius-Vorschau | Sehen Sie sich eine Vorschau an, wie sich CSS3-Randradiuswerte auf ein Element auswirken | 1-Anfänger |
Kalkulator | Kalkulator | 1-Anfänger |
Weihnachtsbeleuchtung | Simulieren Sie eine Reihe von Weihnachtslichtern | 1-Anfänger |
Ursache-Wirkung-App | Klicken Sie auf ein Listenelement, um die Elementdetails anzuzeigen | 1-Anfänger |
Farbzyklus | Durchlaufen Sie inkrementelle Änderungen eines Farbwerts | 1-Anfänger |
Countdown-Timer | Ereignis-Countdown-Timer | 1-Anfänger |
CSV2JSON-App | CSV-zu-JSON-Konverter | 1-Anfänger |
Dollar in Cent | Rechne Dollar in Cent um | 1-Anfänger |
Dynamische CSS-Variablen | Ändern Sie die CSS-Variableneinstellungen dynamisch | 1-Anfänger |
Erste DB-App | Ihre erste Datenbank-App! | 1-Anfänger |
Bild umdrehen | Ändern Sie die Ausrichtung von Bildern über zwei Achsen | 1-Anfänger |
GitHub-Status | Aktuellen GitHub-Status anzeigen | 1-Anfänger |
Hallo | Begrüßung in der Muttersprache des Benutzers | 1-Anfänger |
IOT-Postfachsimulator | Nutzen Sie Rückrufe, um Ihre Post zu überprüfen | 1-Anfänger |
JS-Eingabevalidierung | Skript zur Validierung von Eingaben, die ein Benutzer mithilfe von RegEx eingegeben hat | 1-Anfänger |
JSON2CSV-App | JSON-zu-CSV-Konverter | 1-Anfänger |
Schlüsselwert | Tastaturereigniswerte | 1-Anfänger |
Lorem-Ipsum-Generator | Generieren Sie Lorem Ipsum-Platzhaltertext | 1-Anfänger |
Notizen-App | Erstellen Sie einen Online-Notizblock | 1-Anfänger |
Pearson-Regression | Berechnen Sie den Korrelationskoeffizienten für zwei Datensätze | 1-Anfänger |
Pomodoro-Uhr | Aufgaben-Timer zur Unterstützung der persönlichen Produktivität | 1-Anfänger |
Produkt-Landingpage | Präsentieren Sie Produktdetails für mögliche Käufer | 1-Anfänger |
Quiz-App | Testen Sie Ihr Wissen, indem Sie Fragen beantworten | 1-Anfänger |
Rezept-App | Rezept | 1-Anfänger |
Zufallsgenerator für Mahlzeiten | Generieren Sie zufällige Mahlzeiten | 1-Anfänger |
Zufallszahlengenerator | Generieren Sie eine Zufallszahl zwischen den Bereichen. | 1-Anfänger |
Römischer Dezimal-Konverter | Konvertieren Sie römische Zahlen in Dezimalzahlen | 1-Anfänger |
Slider-Design | Zeigen Sie Bilder mit einem Schieberegler an | 1-Anfänger |
Stoppuhr-App | Zählen Sie die für Aktivitäten aufgewendete Zeit | 1-Anfänger |
TrueOrFalse | Identifizieren Sie das Ergebnis eines bedingten Vergleichs | 1-Anfänger |
Vigenere-Chiffre | Verschlüsseln Sie Text mit der Vigenere-Verschlüsselung | 1-Anfänger |
Windkälte | Berechnen Sie den Windchill-Faktor anhand einer tatsächlichen Temperatur | 1-Anfänger |
Worthäufigkeit | Berechnen Sie die Worthäufigkeit in einem Textblock | 1-Anfänger |
Wetter-App | Ermitteln Sie die Temperatur und das Wetter einer Stadt. | 1-Anfänger |
Name | Kurzbeschreibung | Stufe |
---|---|---|
Bitmasken | Verwendung von Bitmasken für Bedingungen | 2-Mittelstufe |
Buchfinder-App | Suchen Sie nach Büchern nach mehreren Kriterien | 2-Mittelstufe |
Rechner-CLI | Erstellen Sie eine einfache Taschenrechner-CLI. | 2-Mittelstufe |
Karten-Memory-Spiel | Merken Sie sich versteckte Bilder und ordnen Sie sie zu | 2-Mittelstufe |
Wohltätigkeits-Finder-App | Finden Sie eine globale Wohltätigkeitsorganisation, an die Sie spenden können | 2-Mittelstufe |
Chrome-Theme-Erweiterung | Erstellen Sie Ihre eigene Chrome-Theme-Erweiterung. | 2-Mittelstufe |
Währungsrechner | Konvertieren Sie eine Währung in eine andere. | 2-Mittelstufe |
Zeichen-App | Erstellen Sie digitale Kunstwerke im Internet | 2-Mittelstufe |
Emoji-Übersetzer-App | Übersetzen Sie Sätze in Emoji | 2-Mittelstufe |
Karteikarten-App | Überprüfen und testen Sie Ihr Wissen mithilfe von Lernkarten | 2-Mittelstufe |
Flip-Art-App | Animieren Sie eine Reihe von Bildern | 2-Mittelstufe |
Spielvorschlags-App | Erstellen Sie Umfragen, um zu entscheiden, welche Spiele Sie spielen möchten | 2-Mittelstufe |
GitHub-Profile | Eine GitHub-Benutzersuch-App | 2-Mittelstufe |
HighStriker-Spiel | Highstriker Strongman-Karnevalsspiel | 2-Mittelstufe |
Bildscanner | Bildscanner-App | 2-Mittelstufe |
Markdown-Vorschau | Vorschau von Text, formatiert im Markdown mit GitHub-Geschmack | 2-Mittelstufe |
Markdown-Tabellengenerator | Konvertieren Sie eine Tabelle in Markdown-formatierten Text | 2-Mittelstufe |
Mathe-Editor | Ein Mathe-Editor für Schüler | 2-Mittelstufe |
Meme-Generator-App | Erstellen Sie benutzerdefinierte Memes | 2-Mittelstufe |
Namensgenerierung mithilfe von RNNs | Generieren Sie Namen mithilfe des Namensdatensatzes | 2-Mittelstufe |
Passwortgenerator | Generieren Sie zufällige Passwörter | 2-Mittelstufe |
Podcast-Verzeichnis | Verzeichnis der beliebtesten Podcasts | 2-Mittelstufe |
QR-Code-Badge-Generator | Kodieren Sie Ausweisinformationen in einem QR-Code | 2-Mittelstufe |
Helfer für reguläre Ausdrücke | Testen Sie reguläre Ausdrücke | 2-Mittelstufe |
App für Verkaufsbelege | Erfassen Sie Verkaufsbelege in einer Datenbank | 2-Mittelstufe |
Einfacher Online-Shop | Einfacher Online-Shop | 2-Mittelstufe |
Sport-Bracket-Generator | Erstellen Sie ein Sport-Bracket-Diagramm | 2-Mittelstufe |
Streichkunst | Eine Animation aus sich bewegenden, farbigen Saiten | 2-Mittelstufe |
Dieses oder jenes Spiel | Dieses oder jenes Spiel | 2-Mittelstufe |
Zeitzone Slackbot | Team-Zeitzonen anzeigen | 2-Mittelstufe |
To-Do-App | Verwalten Sie persönliche Aufgaben | 2-Mittelstufe |
Schreibübungen | Schreibübungen | 2-Mittelstufe |
Abstimmungs-App | Abstimmungs-App | 2-Mittelstufe |
Name | Kurzbeschreibung | Stufe |
---|---|---|
Schlachtschiff-Bot | Erstellen Sie einen Discord-Bot, der Battleship spielt | 3-Fortgeschritten |
Battleship Game Engine | Erstellen Sie eine aufrufbare Engine, um das Battleship-Spiel zu spielen | 3-Fortgeschritten |
Boole Bots-Spiel | Kämpfende Bots, gesteuert durch Boolesche Algebra | 3-Fortgeschritten |
Kalender | Erstellen Sie Ihren eigenen Kalender | 3-Fortgeschritten |
Kalorienzähler | Kalorienzähler-Ernährungs-App | 3-Fortgeschritten |
Chat-App | Echtzeit-Chat-Schnittstelle | 3-Fortgeschritten |
Beitrags-Tracker-App | Verfolgen Sie Gelder, die für wohltätige Zwecke gespendet wurden | 3-Fortgeschritten |
Aufzug | Aufzugsimulator | 3-Fortgeschritten |
Fast-Food-Simulator | Fast-Food-Restaurant-Simulator | 3-Fortgeschritten |
Instagram-Klon | Ein Klon der Instagram-App von Facebook | 3-Fortgeschritten |
GitHub-Timeline | Generieren Sie eine Zeitleiste der GitHub-Repos eines Benutzers | 3-Fortgeschritten |
Kudos Slackbot | Geben Sie einem verdienten Kollegen Anerkennung | 3-Fortgeschritten |
Film-App | Durchsuchen Sie, finden Sie Bewertungen, überprüfen Sie Schauspieler und finden Sie den nächsten Film, den Sie ansehen möchten | 3-Fortgeschritten |
MyPodcast-Bibliothek | Erstellen Sie eine Bibliothek mit Lieblings-Podcasts | 3-Fortgeschritten |
NASA-Exoplaneten-Abfrage | Fragen Sie das Exoplaneten-Archiv der NASA ab | 3-Fortgeschritten |
Muschelspiel | Animiertes Hütchenspiel | 3-Fortgeschritten |
Deck mischen | Bewerten Sie verschiedene Algorithmen zum Mischen eines Kartenspiels | 3-Fortgeschritten |
Slack-Archiver | Slack-Nachrichten archivieren | 3-Fortgeschritten |
Spell-It-App | Eine Variante des klassischen Speak N Spell-Spiels | 3-Fortgeschritten |
Umfrage-App | Definieren, durchführen und anzeigen einer Umfrage | 3-Fortgeschritten |
Wir planen, diesem Repository immer mehr Projekte hinzuzufügen. Dafür brauchen wir Ihre Hilfe! Nachfolgend erfahren Sie, wie Sie einen Beitrag leisten können. ?
Wir planen außerdem die Erstellung einer Website, auf der Sie alle Projekte bequem durchsuchen können.
Jeder Beitrag wird sehr geschätzt. Sie können auf zwei Arten beitragen:
Erstellen Sie ein Problem und teilen Sie uns Ihre Idee mit. Stellen Sie sicher, dass Sie in diesem Fall das neue Ideenlabel verwenden;
Forken Sie das Projekt und reichen Sie eine PR mit Ihrer neuen Idee ein. Bevor Sie dies tun, stellen Sie bitte sicher, dass Sie den Beitragsleitfaden gelesen und befolgt haben.
Sie können die Projekte auch nach Abschluss mit eigenen Beispielen ergänzen. Ich empfehle Ihnen dringend, dies zu tun, da es anderen zeigen wird, was für erstaunliche Dinge gebaut wurden! ?
Wenn die Informationen aus diesem Repo für Sie in irgendeiner Weise nützlich waren, geben Sie ihr unbedingt einen Stern? Auf diese Weise können auch andere sie finden und davon profitieren! Gemeinsam können wir wachsen und unsere Gemeinschaft besser machen! ?
Haben Sie Vorschläge, wie wir dieses Projekt insgesamt verbessern könnten? Lassen Sie es uns wissen! Wir freuen uns über Ihr Feedback!
Florin Pop : Twitter – YouTube-Kanal – Website.
Jim Medlock : Twitter – Artikel
Als Bonus habe ich die Herausforderung #100Tage100Projekte erstellt. Dort finden Sie 100 weitere Ideen kleinerer Projekte. Genießen! ?