100 проектов для веб-разработчика, которые помогут в прокачке навыков.

100 проектов для веб-разработчика, которые помогут в прокачке навыков.

Более 100 копий и альтернатив популярных сайтов с открытым исходным кодом, таких как Airbnb, Amazon, Instagram, Netflix, TikTok, Spotify, WhatsApp, YouTube и т. д. Настоящий кладез проектов для веб-разработчика. Список содержит исходный код, учебные пособия, демонстрационные ссылки, технический стек и GitHub ссылку. Отлично подходит для обучения!

Клоны: выглядят очень похоже (с точки зрения пользовательского интерфейса), но не полностью функциональны, в основном созданы для учебных целей.
Альтернативы: полнофункциональные альтернативы популярного программного обеспечения с открытым исходным кодом. Мы будем постоянно обновлять этот список.

веб-разработчик проекты

@android_its – Android разработка для программистов любого уровня.

10 проектов с клонами известных мессенджеров и веб-сайтов https://github.com/phoenixx1/website-clones

Whatsapp Клона на Java: https://github.com/gtiwari912/Whatsapp-Clone

Клон истаграмма на React: https://github.com/abdullahmia/instagram-clone

Копии UI вебсайтов на TailwindCSS

Netflix копия на typescript

youtube clone

Мы представляем вам 2 таблицы с clone wars:
Копии с таблицами и обучающими материалами.

Полные копии со ссылкой на бесплатные учебные пособия.

Таблица копий/альтернатив сайта

Копия сайта ДемоОбучающий материал / Course SiteGithubСтек технологий
AirbnbYouTubeYouTubeGitHub backend, frontendSanity SDK, Next.js, React Hooks
InstagramYouTubefreeCodeCampGitHubReact Native, Firebase Firestore, Firebase storage, Redux, Expo
MoodleYouTubefreeCodeCampGitHubReact, Django Rest Framework
NetflixYouTubeYouTubeGitHub
Github React
React, Apollo GraphQL, DataStax Astra, Netlify
Todoisttodoist-preview.pngfreeCodeCampGitHubReact, Firebase, React, SCSS, BEM naming methodology
TwitterYouTubefreeCodeCampGitHubVue.js, Quasar Framework, Firebase
WhatsAppYouTubefreeCodeCampGitHubAndroid Studio, Firebase, Genymotion
DiscordYouTubeYoutube (Traversy Media)GitHubDjango
YouTubeYouTubefreeCodeCampGitHubYii2 PHP Framework
YouTubeYouTubeYouTubeGitHubAndroid Studio, Kotlin, XML, YouTube API

Копии и альтернативы

Clone/Alt ofDemoRepoTech stack
1Password / LastPassbitwarden.comGitHubC#, Xamarin
2048gh.artemchep.comGitHubDart, Flutter
20482048-three.vercel.appGitHubReact
2048demo.matsz.devGitHubReact, TypeScript, Redux
2048guaracy.github.ioGitHubBeads
2048oddrationale.github.ioGitHubDart
Airbnbabod-bnb.web.appGitHubReact, Firebase
Airbnbrealbnb.vercel.appGitHubTypeScript, React, NextJS, Prisma, GraphQL
Airtablerowy.ioGitHubReact, Firebase, Firestore, Google Cloud Platform, Cloud Functions, TypeScript
AirtablebaserowGitLabDjango, nuxt.js, PostgreSQL
Algoliameilisearch.comGitHubRust
Amazonamazonna.netlify.app
youtube		GitHubReact, Firebase
Amazon Prime Videoprime-clone-e1de6.firebaseappGitHubReact
Apple Musicappo-music.herokuappGitHubReact, Redux, Ruby on Rails, PostgreSQL
ArcoMagearcomage.github.ioGitHubTypeScript, React, Redux, RxJS, Sass, WebRTC
Auth0ory.shGitHubGo
Bit.lypolrproject.orgGitHubPHP, MySQL
Bit.lyshlink.ioGitHubPHP, Mezzio, Doctrine, Symfony
Bit.lyzws.imGitHubTypeScript,
Bit.lykutt.itGitHubTypeScript,
Bit.lyshortl.itGitHubTypeScript, NodeJS, EJS, JQuery
Battleship Gamebattleboats.ito.wtfGitHubTypeScript, React
Calendlycalendso.comGitHubNext.js, Typescript, React, Tailwind, Prisma
Clubhousejam.systemsGitHubReact, WebRTC
Clubhousedogehouse.tvGitHubReact, Postgress, Elixir
Codecademycodecademyclone.netlify.appGitHubReact
Discordericellb.github.ioGitHubReact, Node, Express, Socket-IO, MySQL
DiscordvalkyrieappGitHubReact, Go, Flutter
Discorddev.fosscord.comGitHubTypeScript, Express, WebRTC, Websockets, TypeORM, SQLite
Disney+github.com (screenshot)GitHubReact Native, expo
Disney+ Hotstardetermined-bardeen-6a04b8.netlifyGitHubReactJS
Doodlesm2030.user.srcf.netGitHubPHP
Dribbbledriwwwle.herokuappGitHubMERN, react
Dribbblev.redd.itGitHubMongoDB, ExpressJS, React,
Dropboxtry.nextcloud.comGitHubPHP, JS
DropboxLive.filegator.ioGitHubPHP, JS, Vuejs
Evernotejoplinapp.orgGitHubJavaScript, TypeScript
Facebookodinclone.herokuappGitHubMERN
Facebookgithub.com (screenshot)GitHubreact, graphql, mongodb
Firebaseappwrite.ioGitHubPHP
Firebasesupabase.ioGitHubElixir,React,PostgreSQL,Python
Firebasenhost.ioGitHubPostgreSQL, GraphQL, TypeScript, Go
Gmailgithub.com (screenshot)GitHubFlutter
Googlesearchify.vercel.appGitHubNextJS, TailwindCSS, Google Search API
Google Analyticsplausible.ioGitHubReact, Elixir, PostgreSQL, Tailwind
Google Analyticsmatomo.orgGitHubPHP, HTML, MySQL
Google Analyticsackee.electerious.comGitHubNode, MongoDB
Google Analyticslearnsql.ioGitHubRails, OpenResty, TimescaleDB, postgresql, tailwindcss
Google Drivemydrive-3.herokuapp
mydrive-storage.com		GitHubReact, Node.js, mongoDB
Google Keepgithub.com (gif)GitHubReact, GraphQL, Golang, SQlite
Google Keepvue-keep-sepia.vercel.appGitHubVue, TypeScript, Firestore
Google Keepgoogle-keeps-clone.herokuappGitHubDjango, JS
Google Formsgoogle-forms-clone.herokuappGitHubDjango, JS
Google Formshttps://handform-c62a3.web.app/GitHubReact, Firebase
Google Photosphotos-clone.web.appGitHubReact, Redux, Firebase
Google Photosphotoprism.appGitHubGo,TensorFlow
Google Translatelibretranslate.comGitHubPython, Flask
Hashnodehashnode-clone-sass.netlify.appGitHubHTML, SASS, JavaScript
Headspacemeditofoundation.orgGitHubFlutter
Hacker Newshackernews-redesign.netlifyGitHubReact
Hacker Newsnews.pythonGitHubPython, Django
Hacker Newsrm-hackernews.netlify.appGitHubReactjs
Hacker Newshackernews-jaywhen.vercel.appGitHubNext.js
IMDBimdb-react-clone.herokuappGitHubReact, Redux, Firebase
Instagrammaxgram.zabarka.comGitHubMongoDB, Express, Reactjs, Node
Instagraminstaclone.net
github.com (gif)		GitHubReactjs, Express, Nodejs, Mongodb, Socketio
Instagramgithub.com (gif)GitHubJetpack Compose
Instagraminstagram-clone-reactjs.vercelGitHubReact, Redux
Instagraminstagram-clone-dbe40.web.appGitHubReact, Firebase
Intercompapercups.ioGitHubReact, Elixir, Phoenix
Intercomchatwoot.comGitHubJAMStack, Vue
iOS Homescreenios-homescreen.now.shGitHubReact, Next.js, Emotion
Jirai.ibb.coGitHubReact, TypeScript
Jirajira.trungk18GitHubAngular, Akita, TailwindCSS, ng-zorro
LaunchDarklygetunleash.ioGitHubJava, Node.js, Go, Python, Ruby, .Net, JavaScript, React, Android, iOS,
LaunchDarklyflagsmith.comGitHub
GitHub		Python, Django, React
Leetcodeedubytes-projectGitHub
GitHub		React , Nodejs , Express , MongoDB
Linear.appyoutube.comGitHubReact, Redux, TailwindCSS
MacOS Calculatorchamoda.comGitHubReact
MacOS Finder Clonefinder-clone.netlify.appGitHubReact, Sass
Medium / WordPress / Substackghost.orgGitHubJAMStack, Ember, Node, MySQL
Mediumnext-realworld.now.shGitHubReact, Next.js
Messengertippindev.comGitHubPHP/Laravel, MySQL, Websockets
MS Paintjspaint.appGitHubNode.js
Netflix [Fakeflix]fakeflix.th3wall.codesGitHubReact, Redux, Firebase
Netflixazazel5.github.io
github.com (gif)		GitHubReact, Redux
Netflixnetflix-clone-dd230.web.appGitHubReact, Firebase
Netflixgithub.com (screenshot)GitHubReact, Firebase
Netflixspaceflix.herokuappGitHubRuby, React, Redux, PostgreSQL, AWS
Netflixexpo-netflix.calebnance.now.shGitHubReact Native, expo
Netflixroseflix-rosebilag.vercelGitHubReact, TypeScript, MongoDB
NikegifGitHubExpress, MongoDB
Notionfocalboard.comGitHubNode, React, Go
Oktaory.shGitHubGo
Obsidianzettlr.comGitHubElectron, Vue, Markdown
Omeglestart-a-conversation.firebaseappGitHubReact, Firebase, Twilio
Orkutorkutnostalgia.netlify.appGitHub
GitHub		ReactJS, GraphQL, Apollo, PostgreSQL
PayTMgithub.com (gif)GitHubFlutter
Pinteresttrusting-euler-8aafb8.netlify.appGitHub
GitHub		GraphQL, ReactJS, NodeJS, Mysql
Postmaninsomnia.restGitHubElectron
Postmanhoppscotch.ioGitHubJAMStack, Vue, NuxtJS, firebase
Privnotesecret.roushik.comGitHubDjango, Postgres, jQuery
Reddittroddit.comGitHubNextJS, React, TailwindCSS, TypeScript
Redditredditsyncr.netlify.appGitHubReact, TypeScript
Redditasperitas.now.shGitHubNode.js, React, NoSQL
Retoolbudibase.comGitHubNode.js, Svelte
Telegramtinode.coGitHubGo, React, Java, Swift, MySQL, MongoDB, RethinkDB
TikTok + Redditreddit-tiktok.netlify.appGitHubReact
Twitchtwitchclone.vercel.appGitHubReact, Next.JS, TypeScript
Slackmattermost.comGitHubReact, Go
Slackrocket.chatGitHubJAMStack, TypeScript
Slackzulip.comGitHubPython, JS, TS
Slackgithub.com (screenshot)GitHubReact Native, Expo
Slidoaskent.berlinchan.comGitHubReact, Material-UI, Apollo GraphQL, Hasura, TypeORM, TypeGraphQL, TypeScript
Sliders GamePlay the gameGitHubVanilla JavaScript, CSS, MongoDb
Snapchattowhidkashem.github.io
youtube		GitHubReact, Redux, TypeScript, Cypress, Jest, Enzyme
Spotifyspotify.trungk18GitHubAngular 11, Nx, ngrx, TailwindCSS and ng-zorro
Spotifygithub.com (gif)GitHubReact
Spotify Web Playerspotify-clone-oguz3.web.appGitHubReact
SpotifyscreenshotGitHubElectron, React, TypeScript
Spotifydrive.google.com (gif)GitHubReact
Spotifytune42-spotify.netlify.appGitHubReact
Spotifyexpo-spotify.vercel.appGitHubReact Native, Expo
Spotifygithub.com (screenshot)GitHubReact Native
Spotify30sekify.netlify.appGitHubReact, Electron
Spotify (Interactive)LinkGitHubReact
Spotify + Soundcloud + YouTubekord.appGitHubReact, Redux, Express, PostgreSQL
Stack Overflowlive.scooldGitHubJava, jQuery, Para
Stack Overflowclone-of-stackoverflow.vercelGitHubReactJs, NextJs, Express, MongoDB
Stack Overflowdrive.google.com (gif)GitHubMySQL, Express, React
Stack Overflowstackunderflow.netlify.appGitHubMongoDB, Express, React, NodeJS
Temp-Mailsimplelogin.io
youtube		GitHubPython, Docker, Vue
Tetris Gamehinsxd-tetris.netlify.appGitHubReact, TypeScript
Tetris Gametetris20.netlify.appGitHubTypeScript
Tetris Game Reactchvin.github.ioGitHubReact, Redux, Web Audio Api
TikTokyoutube.comGitHubReact, Firebase
TikTokyoutube.comGitHubFlutter, Firebase
TikTok + Redditenrybalassiano.github.ioGitHubReact
TinyURLnexturl.vercel.appGitHubNext.js TypeScript React Mongodb
Todoisttodoishh.netlify.appGitHubReact Firebase
Traviancosmodream.gaGitHubVanilla JS
Trellowekan.github.ioGitHubMeteor
Trellotaiga.ioGitHub
GitHub		Django, AngularJS
Trellokanboard.orgGitHubPHP
Trellotrellis-app.herokuapp
github.com (gif)		GitHubReact, Redux, Node, Express, MongoDB
Trellocodesource.io (gif)GitHubAngular 10
Trellotiquetapp.herokuapp.comGitHubReact, Python, Flask, PostgreSQL
Trellotberghuis.github.ioGitHubReact
Trellorupmalya-trello-clone.herokuapp
youtube.com		GitHubExpress, MongoDB
Trelloproject-manager1.herokuappGitHubReact, Redux, Node, Express, Socket.io, MongoDB
Trellotrello-project-manager.netlifyGitHubReact, Node.js, Firebase, Serverless, AWS Lambda
Twitterhttps://tweeetr.netlify.app/GitHubReact,Express js, NodeJS,Graphql,Apollo client,apollo-server,styled-components
Twittertwitter-geek.netlify.app
github.com (screenshot)		GitHub
GitHub		React, Redux, NodeJS, MYSQL
Twittertwitterclone2.netlify.appGitHubHTML, CSS, JQuery
Twittertclone.netlify.app
github.com (gif)		GitHub
GitHub		MERN
Twittertwitterapp-clone.netlify.appGitHub
GitHub		React, express, mongo, aws, socket.io
Twittertwitter-cln.herokuappGitHubVue, Express, Mongo
Twittertwitter-web-clone-react.vercelGitHubReact, Redux
Typeform / Google Formohmyform.comGitHubPython
Typeformsupereasyforms.comGitHubJavaScript
Ubergithub.com (screenshot)GitHubReact native, expo
Uberyoutube.comGitHubFlutter
Uber Eatsgithub.com (APK)GitHubJava, Kotlin
Ubuntuvivek9patel.github.ioGitHubReact, Tailwind CSS
Udemywedemy.herokuapp.comGitHubVue 3, TypeScript, Java, Spring, MySQL
Unsplashgithub.com (screenshot)GitHubReact
Unsplashmani-unsplash-clone.netlifyGitHubReact, Material-UI
Vimeobimeo.herokuappGitHubReact, Redux, Ruby. PostgreSQL
VKopenvk.suGitHubPHP, HTML, CSS, JQuery, MySQL
WhatsAppcodesource.io (screenshot)GitHubFlutter
WhatsAppmedium.com (article)GitHub
GitHub		Angular, Express, PostgreSQL, GraphQL, TypeScript
WhatsAppyoutube
clone-massenger.herokuapp		GitHubMERN
WhatsApptinode.coGitHubGo, React, Java, Swift, MySQL, MongoDB, RethinkDB
WhatsApp (Web)whatsapp-clone-web.netlify.appGitHub
GitHub		React, React Context API, Express, JavaScript, Socket.IO
Wixgrapesjs.comGitHubJavaScript, Webpack
Workflowydeepnotes.inGitHubReactJS, DraftJS
YouTubeyt-clone-7.web.appGitHubReactJs,Redux,Firebase,YouTube API
YouTubeutubeclone.netlify.app
youtube		GitHub
GitHub		React, Redux, Express, Sequelize
YouTube Musicoctave-music.web.appGitHubReact, Redux, Firebase, Material-UI
YouTube Musicbeatbump.mlGitHubSvelte
YouTube Musicmusic.creasource.appGitHubAngular
Zapiern8n.ioGitHubTypeScript, Vue, Docker
Zapiervimeo.com (gif)GitHubRuby

Источник

Смотрите так же нашу статью для всех, кто интересуется веб-разработкой и разработкой на react:

Огромный список полезных ресурсов для Javascript, React разработчиков.
+1
0
+1
1
+1
0
+1
0
+1
0
Просмотры: 3 418

Похожие записи

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *