Вы когда-нибудь хотели что-то построить, но понятия не имели, что делать? Точно так же, как у авторов иногда бывает «писательский блок», это справедливо и для разработчиков. Этот список призван решить эту проблему раз и навсегда! ?
Эти приложения:
Это не просто список проектов, а сборник, в котором каждый проект описан достаточно подробно, чтобы вы могли разработать его с нуля!
Каждый проект имеет следующие особенности :
Проекты делятся на три уровня в зависимости от знаний и опыта, необходимых для их выполнения.
Уровень | Профиль разработчика |
---|---|
1 | Разработчики на ранних стадиях своего обучения. Те, кто обычно сосредоточен на создании приложений, ориентированных на пользователя. |
2 | Разработчики на промежуточной стадии обучения и опыта. Они хорошо разбираются в UI/UX, используют инструменты разработки и создают приложения, использующие сервисы API. |
3 | Разработчики, обладающие всем вышеперечисленным и изучающие более продвинутые методы, такие как реализация серверных приложений и служб баз данных. |
Имя | Краткое описание | Уровень |
---|---|---|
Приложение для игры в шахматы | Приложение для игры в шахматы для двух игроков, использующее JavaScript | 1-новичок |
10 пользовательских интерфейсов | 10 пользовательских интерфейсов с использованием HTML, CSS и JavaScript | 1-новичок |
Аудиокнига | PDF в аудиокнигу с использованием Python | 1-новичок |
Приложение для распознавания лиц | Распознавание лиц + посещаемость с использованием OpenCV | 1-новичок |
Имя | Краткое описание | Уровень |
---|---|---|
Приложение-клон Airbnb | Приложение React для клона домашней страницы Airbnb | 2-средний |
Приложение TMDB Movie | Интерактивное приложение базы данных фильмов, использующее ReactJS. | 2-средний |
Приложение Github «Вакансии» | Приложение GitHub Jobs, использующее React Hooks и Github API | 2-средний |
Приложение Погода | Приложение «Погода» в React JS с использованием API Open Weather Map | 2-средний |
Генератор визитных карточек | Генератор визиток с использованием React JS | 2-средний |
Реагировать Фотогалерея | Приложение «Фотогалерея» с использованием React JS и Firebase | 2-средний |
Приложение чат-бота | Чат-бот, который может ответить на ваши вопросы, используя Python. | 2-средний |
Система рекомендаций фильмов | Система рекомендаций фильмов с использованием машинного обучения | 2-средний |
Обнаружение мошенничества с кредитными картами | Обнаружение мошенничества с кредитными картами с помощью ML | 2-средний |
Трекер Wildfire с React | Обнаружение диких пожаров с использованием React, API НАСА | 2-средний |
Клон Google Диска с React | Клонирование Google Диска с использованием React, Firebase | 2-средний |
Фитнес-приложение | Фитнес-приложение, которое каждый день отправляет вам по электронной почте новые тренировки с использованием Python и HarperDB. | 2-средний |
Имя | Краткое описание | Уровень |
---|---|---|
Приложение-клон Facebook | Приложение-клон Facebook с использованием React JS и Firebase | 3-Дополнительный |
Клон Netflix — FullStack | Приложение-клон Netflix с использованием API TMDB. | 3-Дополнительный |
Приложение-клон Instagram | Приложение Instagram Clone с использованием React JS. | 3-Дополнительный |
Трекер COVID-19 | Трекер COVID-19 с использованием React JS | 3-Дополнительный |
Полнофункциональный клон Amazon | Полнофункциональный клон AMAZON с использованием REACT JS | 3-Дополнительный |
Приложение-клон Flipkart | Полнофункциональный клон Flipkart с использованием стека MERN | 3-Дополнительный |
Заявка на голосование - МЕРН | Приложение для голосования, использующее стек MERN | 3-Дополнительный |
Журнал путешествий - MERN STACK | Приложение Travel Log с использованием стека MERN | 3-Дополнительный |
Discord Clone - MERN STACK | Приложение Discord Clone с использованием стека MERN | 3-Дополнительный |
Клон Messenger - MERN STACK | Клонирование приложения Messenger с использованием стека MERN | 3-Дополнительный |
Клон Tik Tok - MERN STACK | Приложение Tik Tok Clone с использованием стека MERN | 3-Дополнительный |
Клон Робинхуда | Клон Robinhood с использованием React JS | 3-Дополнительный |
Клон LinkedIn | Клон LinkedIn с использованием React JS | 3-Дополнительный |
Сигнальный клон | Клонирование сигнала с использованием React JS | 3-Дополнительный |
Клон Gmail | Клон Gmail с использованием React JS | 3-Дополнительный |
Приложение для электронной коммерции | МонгоБД, Реактджс, Некстджс | 3-Дополнительный |
Полная торговая площадка NFT | Ethereum, Polygon и Next.js | 3-Дополнительный |
Приложение для выставления счета | Vue 3, Vuex и Firebase | 3-Дополнительный |
Полнофункциональный клон Twitter | Next JS, Recoil JS, Tailwind CSS, Nextauth и Firebase | 3-Дополнительный |
Имя | Краткое описание | Уровень |
---|---|---|
Доменный сайт типа Godaddy | Доменный сайт Web 3.0, такой как Godaddy | 2-Базовый |
Клон Amazon с использованием Solidity | Solidity, Ethers.js, React и Hardhat | 2-Базовый |
Приложение для недвижимости, такое как Zillow | Solidity, Ethereum, Hardhat, React | 2-Базовый |
ТЕМА | РЕпетитор |
---|---|
Учебное пособие MERN STACK | Умный программист |
Учебник по React JS | FreeCodeCamp |
Учебное пособие по Джанго | Умный программист |
Полный стек GraphQL React | Бен Авад |
Реагировать на проекты | Кодирующий наркоман |
Учебник по PHP | КодСГарри |
Плейлист проектов React Native | ОтПрограммисты |
Учебное пособие по Spring Framework | Изучайте код с Дурджешем |
Учебное пособие по JSP и сервлетам | Изучайте код с Дурджешем |
Веб-сайт резюме и портфолио React JS | Салман Фазал |
5 проектов Spring Boot | Руководства по Java |
100 дней Кубернетеса | Анаис Урлихс |
GraphQL API с .NET 5 и горячим шоколадом | Лес Джексон |
Микросервисы .NET | Лес Джексон |
Мы планируем добавлять в этот репозиторий все больше и больше проектов. Для этого нам нужна ваша помощь! Узнайте, как внести свой вклад ниже. ?
Мы также планируем создать веб-сайт, на котором вы сможете легко просматривать все проекты.
Любой вклад высоко ценится. Вы можете внести свой вклад двумя способами:
Вы также можете добавлять свои собственные примеры в проекты после их завершения. Я настоятельно рекомендую вам сделать это, поскольку это покажет другим, какие удивительные вещи были построены! ?
Спасибо всем этим замечательным людям. Вклад любого рода приветствуется!
Ждем большого вклада от всех энтузиастов открытого исходного кода, чтобы сделать этот репозиторий еще больше! Для успешных PR следуйте инструкциям, указанным в файле Contributing.md.
Если информация из этого репозитория была для вас полезна, обязательно поставьте ей звездочку ?, чтобы другие тоже могли ее найти и получить пользу! Вместе мы сможем расти и делать наше сообщество лучше! ?
Есть ли у вас какие-либо предложения о том, как мы могли бы улучшить этот проект в целом? Дайте нам знать! Будем рады вашим отзывам ❤!