Вы когда-нибудь хотели что-то построить, но понятия не имели, что делать? Точно так же, как у авторов иногда бывает «писательский блок», это справедливо и для разработчиков. Этот список призван решить эту проблему раз и навсегда! ?
Эти приложения:
отлично подходит для улучшения ваших навыков программирования?;
отлично подходит для экспериментов с новыми технологиями?;
отлично подходит для добавления в ваше портфолио, чтобы произвести впечатление на вашего следующего работодателя/клиента?;
отлично подходит для использования в качестве примеров в обучающих материалах (статьях или видео)?;
легко завершить, а также легко расширить за счет новых функций?;
Это не просто список проектов, а сборник, в котором каждый проект описан достаточно подробно, чтобы вы могли разработать его с нуля!
Каждый проект имеет следующие особенности :
Ясная и описательная цель;
Список пользовательских историй , которые следует реализовать (эти истории служат скорее ориентиром, чем обязательным списком дел . Если хотите, не стесняйтесь добавлять свои собственные истории);
Список бонусных функций, которые одновременно улучшают не только базовый проект, но и ваши навыки (это необязательно, и их следует использовать только после того, как вы завершили необходимые пользовательские истории).
Все ресурсы и ссылки, которые помогут вам найти то, что вам нужно для завершения проекта.
Здесь вы можете посмотреть видео об этом репозитории.
Проекты делятся на три уровня в зависимости от знаний и опыта, необходимых для их выполнения.
Уровень | Профиль разработчика |
---|---|
1 | Разработчики на ранних стадиях своего обучения. Те, кто обычно сосредоточен на создании приложений, ориентированных на пользователя. |
2 | Разработчики на промежуточной стадии обучения и опыта. Они хорошо разбираются в UI/UX, используют инструменты разработки и создают приложения, использующие сервисы API. |
3 | Разработчики, обладающие всем вышеперечисленным и изучающие более продвинутые методы, такие как реализация серверных приложений и служб баз данных. |
Новый проект
Имя | Краткое описание | Уровень |
---|---|---|
Бин2Дек | Конвертер двоичных чисел в десятичные | 1-новичок |
Предварительный просмотр радиуса границы | Предварительный просмотр того, как значения радиуса границы CSS3 влияют на элемент | 1-новичок |
Калькулятор | Калькулятор | 1-новичок |
Рождественские огни | Имитация цепочки рождественских гирлянд | 1-новичок |
Приложение «Причина-Следствие» | Нажмите элемент списка, чтобы отобразить подробную информацию об элементе. | 1-новичок |
Цветовой цикл | Циклическое изменение значения цвета путем поэтапных изменений | 1-новичок |
Таймер обратного отсчета | Таймер обратного отсчета событий | 1-новичок |
Приложение CSV2JSON | Конвертер CSV в JSON | 1-новичок |
Доллары в Центы | Перевести доллары в центы | 1-новичок |
Динамические переменные CSS | Динамическое изменение настроек переменных CSS | 1-новичок |
Первое приложение БД | Ваше первое приложение для работы с базами данных! | 1-новичок |
Перевернуть изображение | Изменение ориентации изображений по двум осям | 1-новичок |
Статус GitHub | Отобразить текущий статус GitHub | 1-новичок |
Привет | Приветствие пользователя на родном языке | 1-новичок |
Симулятор почтового ящика Интернета вещей | Используйте обратные вызовы для проверки обычной почты | 1-новичок |
Проверка ввода JS | Скрипт для проверки входных данных, введенных пользователем с помощью RegEx | 1-новичок |
Приложение JSON2CSV | Конвертер JSON в CSV | 1-новичок |
Ключевое значение | Значения событий клавиатуры | 1-новичок |
Генератор Лорем Ипсум | Создать текст-заполнитель lorem ipsum | 1-новичок |
Приложение «Заметки» | Создайте онлайн-блокнот | 1-новичок |
Регрессия Пирсона | Рассчитать коэффициент корреляции для двух наборов данных | 1-новичок |
Часы Помидора | Таймер задач для повышения личной продуктивности | 1-новичок |
Целевая страница продукта | Демонстрация деталей продукта для возможных покупателей | 1-новичок |
Приложение Викторина | Проверьте свои знания, ответив на вопросы | 1-новичок |
Приложение рецептов | Рецепт | 1-новичок |
Генератор случайной еды | Генерация случайных блюд | 1-новичок |
Генератор случайных чисел | Генерировать случайное число между диапазонами. | 1-новичок |
Конвертер римских в десятичные числа | Преобразование римских чисел в десятичные | 1-новичок |
Дизайн слайдера | Отображение изображений с помощью ползунка | 1-новичок |
Приложение «Секундомер» | Подсчитайте время, потраченное на занятия | 1-новичок |
TrueOrFalse | Определить результат условного сравнения | 1-новичок |
Шифр Виженера | Зашифруйте текст с помощью шифра Виженера. | 1-новичок |
Холодный ветер | Рассчитайте коэффициент охлаждения ветром на основе фактической температуры | 1-новичок |
Частота слов | Рассчитать частоту слов в блоке текста | 1-новичок |
Приложение Погода | Получите температуру, погодные условия города. | 1-новичок |
Имя | Краткое описание | Уровень |
---|---|---|
Битовые маски | Использование битовых масок для условий | 2-средний |
Приложение «Поиск книг» | Поиск книг по нескольким критериям | 2-средний |
Интерфейс командной строки калькулятора | Создайте базовый интерфейс калькулятора. | 2-средний |
Карточная игра на память | Запоминайте и сопоставляйте скрытые изображения | 2-средний |
Приложение для поиска благотворительности | Найдите глобальную благотворительную организацию, в которую можно сделать пожертвование | 2-средний |
Расширение темы Chrome | Создайте собственное расширение темы Chrome. | 2-средний |
Конвертер валют | Конвертируйте одну валюту в другую. | 2-средний |
Приложение для рисования | Создавайте цифровые изображения в Интернете | 2-средний |
Приложение Emoji Translator | Переведите предложения в Emoji | 2-средний |
Приложение для карточек | Просмотрите и проверьте свои знания с помощью флэш-карточек. | 2-средний |
Приложение Flip Art | Анимация набора изображений | 2-средний |
Приложение с предложениями игр | Создавайте опросы, чтобы решить, в какие игры играть. | 2-средний |
Профили GitHub | Приложение для поиска пользователей GitHub | 2-средний |
Игра HighStriker | Карнавальная игра Highstriker Strongman | 2-средний |
Сканер изображений | Приложение для сканирования изображений | 2-средний |
Предварительный просмотр уценки | Предварительный просмотр текста, отформатированного в уценке GitHub. | 2-средний |
Генератор таблиц уценки | Преобразование таблицы в текст в формате Markdown | 2-средний |
Математический редактор | Математический редактор для студентов. | 2-средний |
Приложение «Генератор мемов» | Создавайте собственные мемы | 2-средний |
Генерация имен с использованием RNN | Генерируйте имена, используя набор данных имен | 2-средний |
Генератор паролей | Генерируйте случайные пароли | 2-средний |
Каталог подкастов | Каталог любимых подкастов | 2-средний |
Генератор значков QR-кода | Закодируйте информацию о бейдже в QR-коде | 2-средний |
Помощник по регулярным выражениям | Тестирование регулярных выражений | 2-средний |
Приложение «Квитанции о продажах» | Запись чеков от продаж в БД | 2-средний |
Простой интернет-магазин | Простой интернет-магазин | 2-средний |
Генератор спортивных кронштейнов | Создайте диаграмму спортивных кронштейнов | 2-средний |
Стринговое Искусство | Анимация движущихся цветных струн. | 2-средний |
Эта или та игра | Эта или та игра | 2-средний |
Часовой пояс | Отображение часовых поясов команды | 2-средний |
Приложение для дел | Управляйте личными задачами | 2-средний |
Практика набора текста | Практика набора текста | 2-средний |
Приложение для голосования | Приложение для голосования | 2-средний |
Имя | Краткое описание | Уровень |
---|---|---|
Бот-линкор | Создайте бота Discord, который играет в Battleship | 3-Дополнительный |
Игровой движок линкора | Создайте вызываемый движок для игры в Battleship. | 3-Дополнительный |
Игра Буль-боты | Борьба с ботами, управляемыми булевой алгеброй | 3-Дополнительный |
Календарь | Создайте свой собственный календарь | 3-Дополнительный |
Счетчик калорий | Приложение для подсчета калорий и питания | 3-Дополнительный |
Приложение для чата | Интерфейс чата в реальном времени | 3-Дополнительный |
Приложение для отслеживания вклада | Отслеживайте средства, пожертвованные на благотворительность | 3-Дополнительный |
Лифт | Симулятор лифта | 3-Дополнительный |
Симулятор фастфуда | Симулятор ресторана быстрого питания | 3-Дополнительный |
Клон Инстаграм | Клон приложения Instagram от Facebook. | 3-Дополнительный |
Хронология GitHub | Создайте временную шкалу пользовательских репозиториев GitHub. | 3-Дополнительный |
Слава Слэкботу | Выразите признание достойному коллеге | 3-Дополнительный |
Приложение «Кино» | Просматривайте, находите рейтинги, проверяйте актеров и находите следующий фильм для просмотра | 3-Дополнительный |
Библиотека MyPodcast | Создайте библиотеку любимых подкастов | 3-Дополнительный |
Запрос НАСА по экзопланетам | Запросить архив экзопланет НАСА | 3-Дополнительный |
Игра в ракушки | Анимированная игра-оболочка | 3-Дополнительный |
Перемешать колоду | Оцените различные алгоритмы перетасовки колоды карт. | 3-Дополнительный |
Slack-архиватор | Архивировать сообщения Slack | 3-Дополнительный |
Приложение Spell-It | Новая версия классической игры Speak N Spell | 3-Дополнительный |
Приложение для опросов | Определение, проведение и просмотр опроса | 3-Дополнительный |
Мы планируем добавлять в этот репозиторий все больше и больше проектов. Для этого нам нужна ваша помощь! Узнайте, как внести свой вклад ниже. ?
Мы также планируем создать веб-сайт, на котором вы сможете легко просматривать все проекты.
Любой вклад высоко ценится. Вы можете внести свой вклад двумя способами:
создайте задачу и расскажите нам свою идею. В этом случае убедитесь, что вы используете ярлык новой идеи ;
Создайте форк проекта и отправьте PR со своей новой идеей. Прежде чем сделать это, убедитесь, что вы прочитали Руководство для участников и соблюдаете его;
Вы также можете добавлять свои собственные примеры в проекты после их завершения. Я настоятельно рекомендую вам сделать это, поскольку это покажет другим, какие удивительные вещи были построены! ?
Если информация из этого репозитория была вам каким-либо образом полезна, обязательно поставьте ей звездочку?, чтобы другие тоже могли ее найти и получить пользу! Вместе мы сможем расти и делать наше сообщество лучше! ?
Есть ли у вас какие-либо предложения о том, как мы могли бы улучшить этот проект в целом? Дайте нам знать! Мы хотели бы услышать ваши отзывы!
Флорин Поп : Twitter — канал YouTube — веб-сайт.
Джим Медлок : Twitter – статьи
В качестве бонуса я создал конкурс #100Days100Projects. Там вы найдете еще 100 идей небольших проектов. Наслаждаться! ?