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:
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 :
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. |
Name | Kurzbeschreibung | Stufe |
---|---|---|
Schachspiel-App | Eine Schachspielanwendung für zwei Spieler, die JavaScript verwendet | 1-Anfänger |
10 Benutzeroberflächen | 10 Benutzeroberflächen mit HTML, CSS und JavaScript | 1-Anfänger |
Hörbuch | PDF in Hörbuch mit Python umwandeln | 1-Anfänger |
Gesichtserkennungs-App | Gesichtserkennung + Anwesenheit mit OpenCV | 1-Anfänger |
Name | Kurzbeschreibung | Stufe |
---|---|---|
Airbnb-Klonanwendung | Eine React-App für den Airbnb-Homepage-Klon | 2-Mittelstufe |
TMDB-Film-App | Eine interaktive Filmdatenbank-App mit ReactJS. | 2-Mittelstufe |
Github Jobs App | Eine GitHub-Jobs-App mit React Hooks und der Github-API | 2-Mittelstufe |
Wetter-App | Wetter-App in React JS mit der Open Weather Map API | 2-Mittelstufe |
Visitenkartengenerator | Ein Visitenkartengenerator mit React JS | 2-Mittelstufe |
Fotogalerie reagieren | Fotogalerie-App mit React JS und Firebase | 2-Mittelstufe |
Chat-Bot-Anwendung | Ein Chat-Bot, der Ihre Anfragen mithilfe von Python beantworten kann | 2-Mittelstufe |
Filmempfehlungs-Engine | Ein Filmempfehlungssystem mit ML | 2-Mittelstufe |
Erkennung von Kreditkartenbetrug | Erkennung von Kreditkartenbetrug mithilfe von ML | 2-Mittelstufe |
Wildfire Tracker mit React | Waldbranderkennung mit React, NASA-API | 2-Mittelstufe |
Google Drive-Klon mit React | Google Drive-Klon mit React, Firebase | 2-Mittelstufe |
Fitness-App | Eine Fitness-App, die Ihnen mithilfe von Python und HarperDB jeden Tag neue Workouts per E-Mail sendet. | 2-Mittelstufe |
Name | Kurzbeschreibung | Stufe |
---|---|---|
Facebook-Klonanwendung | Eine Facebook-Klonanwendung mit React JS und Firebase | 3-Fortgeschritten |
Netflix-Klon – FullStack | Eine Netflix-Klonanwendung mit TMDB-API | 3-Fortgeschritten |
Instagram-Klonanwendung | Eine Instagram Clone-Anwendung mit React JS | 3-Fortgeschritten |
Ein COVID-19-Tracker | Ein COVID-19-Tracker mit React JS | 3-Fortgeschritten |
Full-Stack-Amazon-Klon | Ein Full-Stack-AMAZON-Klon mit REACT JS | 3-Fortgeschritten |
Flipkart-Klonanwendung | Ein Full-Stack-Flipkart-Klon mit MERN Stack | 3-Fortgeschritten |
Abstimmungsantrag - MERN | Eine Abstimmungs-App mit MERN Stack | 3-Fortgeschritten |
Reisetagebuch - MERN STACK | Reiseprotokoll-App mit MERN Stack | 3-Fortgeschritten |
Discord-Klon – MERN STACK | Discord-Klon-App mit MERN Stack | 3-Fortgeschritten |
Messenger-Klon – MERN STACK | Messenger-Klon-App mit MERN Stack | 3-Fortgeschritten |
Tik Tok-Klon – MERN STACK | Tik Tok Clone App mit MERN Stack | 3-Fortgeschritten |
Robinhood-Klon | Robinhood-Klon mit React JS | 3-Fortgeschritten |
LinkedIn-Klon | LinkedIn-Klon mit React JS | 3-Fortgeschritten |
Signalklon | Signalklon mit React JS | 3-Fortgeschritten |
Gmail-Klon | Gmail-Klon mit React JS | 3-Fortgeschritten |
E-Commerce-Anwendung | MongoDB, Reactjs, Nextjs | 3-Fortgeschritten |
Full-Stack-NFT-Marktplatz | Ethereum, Polygon und Next.js | 3-Fortgeschritten |
Rechnungsanwendung | Vue 3, Vuex und Firebase | 3-Fortgeschritten |
Full-Stack-Twitter-Klon | Next JS, Recoil JS, Tailwind CSS, Nextauth und Firebase | 3-Fortgeschritten |
Name | Kurzbeschreibung | Stufe |
---|---|---|
Domain-Site wie Godaddy | Web 3.0-Domain-Site wie Godaddy | 2-Grundlegend |
Amazon-Klon mit Solidity | Solidität, Ethers.js, React & Hardhat | 2-Grundlegend |
Immobilien-App wie Zillow | Solidität, Ethereum, Hardhat, Reagieren | 2-Grundlegend |
THEMA | TUTOR |
---|---|
MERN STACK-Tutorial | Cleverer Programmierer |
React JS-Tutorial | FreeCodeCamp |
Django-Tutorial | Cleverer Programmierer |
Full Stack GraphQL React | Ben Awad |
Reagieren Sie auf Projekte | Programmiersüchtiger |
PHP-Tutorial | CodeWithHarry |
React Native Projects-Playlist | VonProgrammierern |
Spring Framework-Tutorial | LearnCodeWith Durgesh |
JSP- und Servlets-Tutorial | LearnCodeWith Durgesh |
React JS Lebenslauf- und Portfolio-Website | Salman Fazal |
5 Spring Boot-Projekte | Java-Anleitungen |
100 Tage Kubernetes | Anais Urlichs |
GraphQL-API mit .NET 5 und Hot Chocolate | Les Jackson |
.NET Micro Services | Les Jackson |
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:
Sie können den Projekten auch nach Abschluss eigene Beispiele hinzufügen. Ich empfehle Ihnen dringend, dies zu tun, da es anderen zeigen wird, was für erstaunliche Dinge gebaut wurden! ?
Der Dank geht an all diese wunderbaren Menschen. Beiträge jeglicher Art sind willkommen!
Ich bin auf der Suche nach großartigen Beiträgen von allen Open-Source-Enthusiasten, um dieses Repository noch größer zu machen! Befolgen Sie für erfolgreiche PRs die in der Datei „Contributing.md“ genannten Schritte
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 verbessern! ?
Haben Sie Vorschläge, wie wir dieses Projekt insgesamt verbessern könnten? Lassen Sie es uns wissen! Wir freuen uns über Ihr Feedback ❤!