Project-Ideas-And-Resources Public

The-Cool-Coders/Project-Ideas-And-Resources

Name	Last commit message	Last commit date

Subhampreet

Update README.md

4a7d38f  · last year

C ONTRIBUTION.md	New Demo Change	4 years ago

LICENSE	Create LICENSE	5 years ago

README.md

Update README.md

last year

Repository files navigation

README

• MIT license

Project Ideas and Resources ⚡💙⚡

Have you ever wanted to build something but you had no idea what to do? Just as authors sometimes have "writers block" it's also true for developers. This list is intended to solve this issue once and for all! 👍

These applications are:

• Great for improving your coding skills 💪;
• Great for experimenting with new technologies 🆕;
• Great for adding to your portfolio to impress your next employer/client 📁;
• Great for using as examples in tutorials (articles or videos) 📃;
• Easy to complete and also easily extendable with new features 👌;

This is not just a simple list of projects, but a collection that describes each project in enough detail so that you can develop it from the ground up!

Each project has the following features:

1. A clear and descriptive objective;
2. A list of User Stories which should be implemented (these stories act more as a guideline than a forced list of To-Do's. Feel free to add your own stories if you want);
3. A list of bonus features that not only improve the base project, but also your skills at the same time (these are optional and should be attempted only after you have completed the required user stories)
4. All the resources and links to help you find what you need to complete the project

Projects 🚀

Projects are divided into three tiers based on the knowledge and experience required to complete them.

Tier	Developer Profile
1	Developers in the early stages of their learning journey. Those who are typically focused on creating user-facing applications.
2	Developers at an intermediate stage of learning and experience. They are comfortable in UI/UX, using development tools, and building apps that use API services.
3	Developers who have all of the above, and are learning more advanced techniques like implementing backend applications and database services.

Tier-1: Beginner Projects

Name	Short Description	Tier
Chess Game App	A Two Player Chess game application using JavaScript	1-Beginner
10 User Interfaces	10 User Interfaces using HTML, CSS and JavaScript	1-Beginner
Audio Book	PDF to Audio Book using Python	1-Beginner
Face Recognition App	Face Recognition + Attendance using OpenCV	1-Beginner

• Build Brand Page | Design with React| 1-Begineer | | TIC TAC TOE | Tic Tac Toe game using Python| 1-Beginner | | Password Generator | Password Generator App using Python| 1-Beginner | | PDF to Audio Book Converter | PDF to Audio Book using Python| 1-Beginner |

Tier-2: Intermediate Projects

Name	Short Description	Tier
Airbnb Clone Application	A React App for Airbnb Home page Clone	2-Intermediate
TMDB Movie App	An interactive Movie Database app using ReactJS.	2-Intermediate
Github Jobs App	A GitHub Jobs App using React Hooks and Github API	2-Intermediate
Weather App	Weather app in React JS using the Open Weather Map API	2-Intermediate
Business Card Generator	A Business Card Generator using React JS	2-Intermediate
React Photo Gallery	Photo Gallery App using React JS and Firebase	2-Intermediate
Chat-Bot Application	A Chat-Bot which can answer your queries using python	2-Intermediate
Movie Recomendation Engine	A Movie Recommendation System Using ML	2-Intermediate
Credit Card Fraud Detection	Credit Card Fraud Detection using ML	2-Intermediate
Wildfire Tracker With React	Wild Fire Detection using React, NASA API	2-Intermediate
Google Drive Clone With React	Google Drive Clone using React, Firebase	2-Intermediate
Fitness App	A fitness app that sends you new workouts per email every day using Python and HarperDB.	2-Intermediate

Tier-3: Advanced Projects

Name	Short Description	Tier
Facebook Clone Application	A facebook Clone Application using React JS and Firebase	3-Advanced
Netflix Clone - FullStack	A Netflix clone application using TMDB API	3-Advanced
Instagram Clone Application	An Instagram Clone application using React JS	3-Advanced
A COVID-19 Tracker	A COVID-19 Tracker using React JS	3-Advanced
Full-Stack Amazon Clone	A Full-Stack AMAZON Clone using REACT JS	3-Advanced
Flipkart Clone Application	A Full-Stack Flipkart Clone using MERN Stack	3-Advanced
Voting Application - MERN	A Voting App using MERN Stack	3-Advanced
Travel Log - MERN STACK	Travel Log App using MERN Stack	3-Advanced
Discord Clone - MERN STACK	Discord Clone App using MERN Stack	3-Advanced
Messenger Clone - MERN STACK	Messenger Clone App using MERN Stack	3-Advanced
Tik Tok Clone - MERN STACK	Tik Tok Clone App using MERN Stack	3-Advanced
Robinhood Clone	Robinhood Clone using React JS	3-Advanced
LinkedIn Clone	LinkedIn Clone using React JS	3-Advanced
Signal Clone	Signal Clone using React JS	3-Advanced
Gmail Clone	Gmail Clone using React JS	3-Advanced
E-Commerce Application	MongoDB, Reactjs, Nextjs	3-Advanced
Full Stack NFT Marketplace	Ethereum, Polygon and Next.js	3-Advanced
Invoice Application	Vue 3, Vuex & Firebase	3-Advanced
Full-Stack Twitter Clone	Next JS, Recoil JS, Tailwind CSS, Nextauth & Firebase	3-Advanced

DApp and Blockchain Projects -

Name	Short Description	Tier
Domain Site like Godaddy	Web 3.0 Domain Site like Godaddy	2-Basic
Amazon Clone using Solidity	Solidity, Ethers.js, React & Hardhat	2-Basic
Real Estate App like Zillow	Solidity, Ethereum, Hardhat, React	2-Basic

Awesome Tutorials

TOPIC	TUTOR
MERN STACK Tutorial	Clever Programmer
React JS Tutorial	FreeCodeCamp
Django Tutorial	Clever Programmer
Full Stack GraphQL React	Ben Awad
React Projects	Coding Addict
PHP Tutorial	CodeWithHarry
React Native Projects Playlist	ByProgrammers
Spring Framework Tutorial	LearnCodeWith Durgesh
JSP & Servlets Tutorial	LearnCodeWith Durgesh
React JS Resume and Portfolio Website	Salman Fazal
5 Spring Boot Projects	Java Guides
100 Days of Kubernetes	Anais Urlichs
GraphQL API with .NET 5 and Hot Chocolate	Les Jackson
.NET Micro Services	Les Jackson

Plans for the future ⚡

We are planning to add more and more projects to this repository. For this, we need your help! Find out how to contribute below. 👇

We are also planning to create a website where you can easily browse through all of the projects.

Contribution ❤

Any contributions are highly appreciated. 🙏 You can contribute in two ways:

1. create an issue and tell us your idea 💡. Make sure that you use the new idea label in this case;
2. fork the project and submit a PR with your new idea. Before doing that, please make sure that you read and follow the Contribution Guide ;

Examples ☘

You can also add your own examples to the projects after you have completed them. I highly encourage you to do this as it will show others what amazing things were built! 👍

Resources 🔗

• Awesome Github Repositories
• Free Programming Books
• Programming Slides
• 500 Data Structures and Algorithms Problems
• 8 Websites to get free PNG Images
• Front-End Challenge Websites
• The Modern JavaScript Tutorial
• 18 amazing GitHub repositories that will make a Beautiful Project
• Crypto Dev Hub

Design Resources

• CSS Icon Pack
• Icon Store
• Tilda Icons
• Ikonate Icons
• Eva Icons
• Funky Scribbles
• Befonts
• World Vector Logo
• Logoipsum
• Streamlined Icons
• Patterns Dev - Modern Design Patterns

Awesome APIS for Front-End Developers

• The MovieDB API
• The NASA API
• Frank Furter API
• The MealDB API
• Responsive Voice API
• Crypto Currencies API
• Placeholder Image API

Awesome Dev Tools

• Git Ignore Generator

Articles

• React for Beginners – A React.js Handbook for Front End Developers
• React Movie App Tutorial - Build A Fun Portfolio Project with React and the OMBD API
• Learn React.js by Building Projects – Create a Birthday Reminder App
• Ultimate React Resources
• Instagram Clone with React, Tailwind CSS, Firebase
• Combining React and D3.js
• The Complete Guide to Full Stack Web3 Development

✨ Hall Of Contributors

Thanks goes to all these Wonderful People. Contributions of any kind are welcome!🚀

Looking for Great Contributions from all the open source enthusiasts for making this repository even bigger! Do follow the steps mentioned in Contributing.md file for succesful PRs

Spread the word!

If the information from this repo was useful to you in any way, make sure you give it a star 🌟, this way others can find it and benefit too! Together we can grow and make our community better! 😃

Do you have any suggestions on how we could improve this project overall? Let us know! We'd love to hear your feedback ❤!

===========================================================

Идеииресурсы проекта Общедоступные

Самые-Крутые-Программисты/Проектные-Идеи-И-Ресурсы

Имя	Последнее сообщение о фиксации	Дата последней фиксации
Субамприт Обновление README.md 4a7d38f  ·  прошлого года
C ONTRIBUTION.md	Новое Демо-изменение	4 года назад
ЛИЦЕНЗИЯ	Создать ЛИЦЕНЗИЮ	5 лет назад
README.md	Обновление README.md	прошлого года

Навигация по файлам репозитория

• ПРОЧИТАЙ МЕНЯ
• MIT license

Проектные идеи и ресурсы ⚡💙⚡

Вы когда-нибудь хотели что-то создать, но понятия не имели, что делать? Точно так же, как у авторов иногда возникает "блокировка авторов", это справедливо и для разработчиков. Этот список предназначен для решения этой проблемы раз и навсегда! 👍

Этими приложениями являются:

• Отлично подходит для улучшения ваших навыков программирования 💪;
• Отлично подходит для экспериментов с новыми технологиями 🆕;
• Отлично подходит для пополнения вашего портфолио, чтобы произвести впечатление на вашего следующего работодателя / клиента 📁;
• Отлично подходит для использования в качестве примеров в учебных пособиях (статьях или видео) 📃;
• Легко дополняется, а также легко расширяется за счет новых функций 👌;

Это не просто список проектов, а подборка, которая описывает каждый проект достаточно подробно, чтобы вы могли разрабатывать его с нуля!

Каждый проект имеет следующие особенности :

1. Четкая и описательная цель;
2. Список пользовательских историй , которые должны быть реализованы (эти истории служат скорее руководством, чем принудительным списком дел . Не стесняйтесь добавлять свои собственные истории, если хотите);
3. Список бонусных функций, которые улучшают не только базовый проект, но и ваши навыки одновременно (они необязательны, и их следует использовать только после заполнения необходимых пользовательских историй)
4. Все ресурсы и ссылки помогут вам найти то, что вам нужно для завершения проекта

Проекты 🚀

Проекты делятся на три уровня в зависимости от знаний и опыта, необходимых для их завершения.

Уровень	Профиль разработчика
1	Разработчики на ранних этапах своего обучения. Те, кто обычно сосредоточен на создании приложений, ориентированных на пользователя.
2	Разработчики на промежуточном этапе обучения и приобретения опыта. Они чувствуют себя комфортно в пользовательском интерфейсе / UX, используют инструменты разработки и создают приложения, использующие сервисы API.
3	Разработчики, которые обладают всем вышеперечисленным и изучают более продвинутые методы, такие как внедрение серверных приложений и служб баз данных.

Уровень 1: Проекты для начинающих

Имя	Краткое Описание	Уровень
Приложение для игры в шахматы	Приложение для игры в шахматы с двумя игроками, использующее JavaScript	1-Новичок
10 Пользовательских Интерфейсов	10 Пользовательских интерфейсов с использованием HTML, CSS и JavaScript	1-Новичок
Аудиокнига	Преобразование PDF в аудиокнигу с использованием Python	1-Новичок
Приложение для распознавания лиц	Распознавание лиц + Посещаемость с помощью OpenCV	1-Новичок

• Создание страницы бренда | Дизайн с помощью React | 1-Начинающий | | КРЕСТИКИ-НОЛИКИ | Игра в крестики-нолики на Python | 1-Начинающий | | Генератор паролей | Приложение для создания генератора паролей на Python | 1-Новичок | | Конвертер PDF в аудиокнигу | PDF в аудиокнигу с использованием Python | 1-Новичок |

Уровень 2: Промежуточные проекты

Имя	Краткое Описание	Уровень
Приложение для клонирования Airbnb	Приложение React для клонирования домашней страницы Airbnb	2-Промежуточный
Приложение для просмотра фильмов TMDB	Интерактивное приложение для базы данных фильмов, использующее ReactJS.	2-Промежуточный
Приложение для работы на Github	Приложение для создания заданий на GitHub, использующее перехватчики React и Github API	2-Промежуточный
Приложение "Погода"	Приложение погоды в React JS с использованием Open Weather Map API	2-Промежуточный
Генератор визитных Карточек	Генератор визитных карточек с использованием React JS	2-Промежуточный
Фотогалерея React	Приложение для создания фотогалереи с использованием React JS и Firebase	2-Промежуточный
Приложение для чат-Бота	Чат-бот, который может отвечать на ваши запросы с помощью python	2-Промежуточный
Механизм Рекомендаций по фильмам	Система Рекомендаций по фильмам С использованием ML	2-Промежуточный
Обнаружение мошенничества С Кредитными Картами	Обнаружение мошенничества с кредитными картами с помощью ML	2-Промежуточный
Отслеживание Лесных Пожаров С помощью React	Обнаружение лесных пожаров с помощью React, API НАСА	2-Промежуточный
Клонирование Google Диска С помощью React	Клонирование Google Диска с использованием React, Firebase	2-Промежуточный
Приложение для Фитнеса	Фитнес-приложение, которое каждый день отправляет вам новые тренировки по электронной почте с использованием Python и HarperDB.	2-Промежуточный

Уровень 3: Продвинутые проекты

Имя	Краткое Описание	Уровень
Приложение для клонирования Facebook	Приложение-клон facebook, использующее React JS и Firebase	3-Продвинутый
Клон Netflix - Полный пакет	Приложение-клон Netflix, использующее TMDB API	3-Продвинутый
Приложение для клонирования Instagram	Приложение-клон Instagram с использованием React JS	3-Продвинутый
Устройство для отслеживания COVID-19	Отслеживание COVID-19 с использованием React JS	3-Продвинутый
Полноценный клон Amazon	Клон AMAZON с полным стеком, использующий REACT JS	3-Продвинутый
Приложение для клонирования Flipkart	Полнотекстовый клон Flipkart с использованием MERN Stack	3-Продвинутый
Заявка на голосование - MERN	Приложение для голосования, использующее MERN Stack	3-Продвинутый
Журнал путешествий - MERN STACK	Приложение для ведения журнала путешествий с использованием MERN Stack	3-Продвинутый
Клон Discord - СТЕК MERN	Приложение для клонирования Discord с использованием стека MERN	3-Продвинутый
Клон мессенджера - MERN STACK	Приложение для клонирования Messenger с использованием стека MERN	3-Продвинутый
Клон Tik Tok - СТЕК MERN	Приложение для клонирования Tik Tok с использованием стека MERN	3-Продвинутый
Клон Робинхуда	Клонирование Robinhood с использованием React JS	3-Продвинутый
Клон LinkedIn	Клонирование LinkedIn с использованием React JS	3-Продвинутый
Клонирование сигнала	Клонирование сигнала с использованием React JS	3-Продвинутый
Клон Gmail	Клонирование Gmail с использованием React JS	3-Продвинутый
Приложение для электронной коммерции	MongoDB, Reactjs, Nextjs	3-Продвинутый
Рынок NFT с Полным Стеком	Эфириум, Полигон и Next.js	3-Продвинутый
Приложение к счету-фактуре	Vue 3, Vuex и Firebase	3-Продвинутый
Полноценный клон Twitter	Next JS, Recoil JS, Tailwind CSS, Nextauth и Firebase	3-Продвинутый

Проекты DApp и блокчейн -

Имя	Краткое Описание	Уровень
Доменный сайт типа Godaddy	Доменный сайт Web 3.0, подобный Godaddy	2-Базовый
Клонирование Amazon с использованием Solidity	Прочность, Ethers.js, Реакция и Жесткая шляпа	2-Базовый
Приложение для недвижимости, подобное Zillow	Солидность, Эфириум, Жесткий Диск, Реакция	2-Базовый

Потрясающие Учебные пособия

ТЕМА	РЕПЕТИТОР
Руководство по укладке ПОМЕРАНСКОГО ШПИЦА	Умный Программист
Руководство по React JS	Бесплатный кодек - лагерь
Учебное пособие по Django	Умный Программист
Полный стек GraphQL React	Бен Авад
Проекты React	Наркоман , Занимающийся Кодированием
Учебное пособие по PHP	Код с Харри
Список воспроизведения проектов React Native	Сторонние программисты
Учебное пособие по Spring Framework	Изучите код с помощью Дургеша
Учебное пособие по JSP и сервлетам	Изучите код с помощью Дургеша
Веб-сайт Резюме и портфолио React JS	Салман Фазаль
5 Проектов Весенней загрузки	Руководства по Java
100 дней работы в Kubernetes	Anais Urlichs
GraphQL API с .NET 5 и Горячим шоколадом	Les Jackson
Микросервисы .NET	Les Jackson

Планы на будущее ⚡

Мы планируем добавлять все больше и больше проектов в этот репозиторий. Для этого нам нужна ваша помощь! Узнайте, как внести свой вклад ниже. 👇

Мы также планируем создать веб-сайт, на котором вы сможете легко просматривать все проекты.

Вклад ❤

Любой вклад высоко ценится. 🙏 Вы можете внести свой вклад двумя способами:

1. создайте выпуск и расскажите нам о своей идее 💡. Убедитесь, что в этом случае вы используете ярлык " новая идея ";
2. разветвите проект и отправьте PR со своей новой идеей. Перед этим, пожалуйста, убедитесь, что вы прочитали Руководство по внесению вклада и следуете ему.;

Примеры ☘

Вы также можете добавлять свои собственные примеры к проектам после их завершения. Я настоятельно рекомендую вам сделать это, поскольку это покажет другим, какие удивительные вещи были созданы! 👍

🔗Ресурсов

• Потрясающие репозитории Github
• Бесплатные Книги по программированию
• Программирование Слайдов
• 500 Проблем со структурами данных и алгоритмами
• 8 Веб-сайтов для получения бесплатных изображений в формате PNG
• Веб-сайты с передовыми задачами
• Современный учебник по JavaScript
• 18 потрясающих репозиториев GitHub, из которых получится прекрасный проект
• Центр разработки Криптовалют

Проектные ресурсы

• Набор значков CSS
• Магазин Иконок
• Иконки Тильды
• Иконки Ikonate
• Значки Eva
• Обалденные Каракули
• Бефонты
• Векторный логотип Мира
• Логоипсум
• Оптимизированные Иконки
• Patterns Dev - Современные шаблоны дизайна

Потрясающие API для Front-End разработчиков

• API MovieDB
• API НАСА
• Фрэнк Фертер API
• API MealDB
• Отзывчивый Голосовой API
• API Криптовалют
• API изображений-заполнителей

Потрясающие Инструменты для разработки

• Генератор игнорирования Git

Статьи

• React для начинающих – A React.js Руководство для Front-End разработчиков
• Руководство по приложению React Movie App - Создайте увлекательный проект-портфолио с помощью React и OMBD API
• Учитесь React.js создавая проекты – Создайте приложение для напоминания о дне рождения
• Конечные ресурсы React
• Клонирование Instagram с помощью React, Tailwind CSS, Firebase
• Объединение React и D3.js
• Полное руководство по разработке Full Stack Web3

✨ Зал Участников

Спасибо всем этим замечательным людям. Любой вклад приветствуется!🚀

Надеемся, что все энтузиасты с открытым исходным кодом внесут большой вклад в расширение этого репозитория! Следуйте инструкциям, упомянутым в разделе Contributing.md файл для успешной рекламы

Распространяйте информацию!

Если информация из этого репозитория была вам каким-либо образом полезна, обязательно поставьте ей звездочку 🌟, так другие смогут найти ее и тоже извлечь пользу! Вместе мы сможем расти и делать наше сообщество лучше! 😃

Есть ли у вас какие-либо предложения о том, как мы могли бы улучшить этот проект в целом? Дайте нам знать! Мы будем рады услышать ваши отзывы ❤!

О нас

Коллекция идей приложений, которые можно использовать для улучшения ваших навыков программирования ❤.

Темы

react javascript css python HTML с открытым исходным кодом php с открытым исходным кодом интерфейс Проекты вклад новичок хактоберфест пожертвования - приветствуются

Ресурсы

Прочитай меня

Лицензия

MIT license

Активность

Пользовательские свойства

Звезды

10,9 тыс. звезды

Наблюдатели

127 наблюдающий

Вилки

9 24 вилки

Репозиторий отчетов

РЕЛИЗЫ

Никаких опубликованных релизов

Упаковка

Пакеты не опубликованы

Участники 5

• 
• 
• 
• 
• 

Нижний колонтитул

© 2025 GitHub, Inc.

Навигация по нижнему колонтитулу

• Условия
• Конфиденциальность
• Безопасность
• Статус
• Сообщество
• Документы
• Контакты