Разработчик Эндрю Байсден опубликовал в блоге список из 50 идей для создания веб- и мобильных проектов. Каждый разделен по уровню сложности — начальный, средний и продвинутый — и по специализации — фронтенд-, бэкенд- и фулстек-разработка.
Технологический стек автора подборки:
По словам Эндрю Байсдена, технологический стек может меняться и зависит от индивидуальных навыков или того, какой инструмент разработчик хочет освоить. Некоторые из представленных идей уже существуют и реализуются, но это не мешает разработчикам вдохновиться и придумать что-то свое или сделать лучшую версию существующего приложения.
Приложение, которое объединяет множество социальных сетей в один интерфейс. Это означает единый UI и то, что будет открыта только одна вкладка браузера.
Уровень сложности: продвинутый;
Тип проекта: фулстек. Реализации проекта поможет специальный курс от наших друзей школы Mate Academy. Получайте ценные знания от практикующих специалистов.
Фронтенд: HTML, CSS, TypeScript, React, Redux, React Native;
Бэкенд: Node.JS, NoSQL.
Подойдет тем, кто привык использовать несколько таких приложений и сталкивался с трудностями при мониторинге запланированных дат свиданий. С помощью приложения можно отслеживать всех людей, с которыми налажено общение, а также основную информацию: имена, номера телефонов, локации встреч и так далее.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, React Native;
Бэкенд: Node.JS, NoSQL.
Если вы играете, например, в Fortnite, такое приложение позволит отслеживать статистику персонажа. Также можно сделать раздел для инвентаря, где будут храниться все оружие и аксессуары.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, TypeScript, React, React Native;
Бэкенд: Node.JS, NoSQL.
Как вариант, Эндрю Байсден предлагает создать не обычное приложение для поиска работы, а что-то вроде Tinder. Тогда, вместо банальной отправки резюме, пользователи будут искать совпадения с потенциальными работодателями. Взаимодействие с HR-специалистом станет более неформальным.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, React Native;
Бэкенд: Node.JS, NoSQL.
Челлендж 100DaysOfCode позволяет людям последовательно научиться программировать. В основном разработчик просто использует одноименный хештег, а затем пишет в Twitter о ежедневных достижениях. На данный момент нет простого способа отслеживать и планировать твиты для хештега. Создание приложения, которое будет автоматически планировать твиты, а также любые прикрепленные мультимедийные файлы, вероятно, было бы очень полезно для разработчиков.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Flutter/Dart;
Бэкенд: Node.JS, SQL.
Пандемия так или иначе повлияла на психологическое здоровье каждого человека. Суть идеи — создать безопасное место, где люди могли бы поговорить об этом и делиться историями.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Flutter/Dart;
Бэкенд: Node.JS, SQL.
По задумке Эндрю Байсдена, такое приложение может позволить обычному человеку спеть песню, которая после обработки специальным алгоритмом будет звучать так, как будто ее исполнил профессиональный певец.
Уровень сложности: продвинутый;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Flutter/Dart;
Бэкенд: Node.JS, SQL.
Приложение, которое генерирует индивидуальный стиль пользователя на основе выбранных им шаблонных элементов одежды, после чего предоставляются ссылки на веб-сайты, где можно купить нужный элемент гардероба. По сути, это персональное руководство по стилю, которое дает рекомендации по тому, что модно и что купить.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Flutter/Dart;
Бэкенд: Node.JS, SQL.
Не все легко знакомятся с другими людьми, поэтому автор подборки предлагает создать приложения, где люди будут делиться советами и личным опытом о том, как встречаться и устанавливать контакт с другими.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, TypeScript, React, React Native;
Бэкенд: Node.JS, NoSQL.
Приложение, которое позволяет отметить на карте место, где пользователь нашел потерянного кем-то питомца, чтобы владельцы животного искали его в конкретной локации. Плюс на карте можно расположить информацию о наличии ближайших ветеринарных клиниках и питомниках.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Flutter/Dart;
Бэкенд: Node.JS, SQL.
Разработчикам бывает трудно найти хороший курс по программированию. С помощью специального агрегатора они могли бы искать и находить подходящие курсы, а также фильтровать их для выбора наиболее подходящего.
Уровень сложности: продвинутый;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native;
Бэкенд: Node.JS, NoSQL.
При отсутствии опыта в дизайне, может быть сложно придумать дизайн для приложения или сайта. Выходом может стать генератор случайных веб-сайтов, который будет рандомно собирать сайты из разных блоков и цветовых решений. В перспективе можно превратить генератор в полноценный конструктор веб-сайтов с генерацией кода.
Уровень сложности: продвинутый;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: Python, SQL.
Существует множество мобильных приложений, но, по мнению автора подборки, нет особенного. У всех есть свои плюсы и минусы, поэтому создание приложения для знакомств, сочетающее в себе лучшие функции уже существующих, а также бесплатное, было бы конкурентным на рынке
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, Flutter/Dart.
Бэкенд: Node.JS, SQL.
Торговые сайты всегда пользуются большим спросом, ведь людям всегда есть, что продавать. Разработка собственной площадки для продажи нестандартных продуктов, уверен автор, может привести к успеху.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, Flutter/Dart.
Бэкенд: Node.JS, NoSQL.
Это приложение, которое может случайным образом генерировать блюда и выбирать ингредиенты, которые хорошо сочетаются друг с другом для прокачки кулинарных навыков.
Уровень сложности: начальный;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Аналог Upwork и Fiverr, но только для разработчиков-фрилансеров. Это может быть платформа, на которой специалисты смогут находить друг друга, связываться, общаться и совместно работать над проектами.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native.
Бэкенд: Node.JS, NoSQL.
Это может быть простое приложение, которое просто позволит планировать, что посмотреть в течение недели, чтобы не полагаться на электронные программы передач или бумажные телегиды.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Многие для отслеживания покупок используют электронную таблицу. Автор подборки считает, что это было бы проще делать в форме специального приложения. В него также можно встроить индикатор запаса того или иного продукта, чтобы знать, когда нужно купить еще.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Из-за пандемии многие перешли на бесконтактный способ оплаты, поэтому реже носят с собой мелочь, которую также часто используют для принятия решений.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript, Flutter/Dart.
Бэкенд: —
Вероятно, автор имеет ввиду приложение, которое будет выдавать случайную последовательность текста с рифмой на основе нейросети GPT-3.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Отличительной чертой от уже созданных приложений может быть комбинирование случайного текста с изображением или чем-то анимированным.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
В API могут храниться заметки обо всех сериалах и фильмах, которые хочет посмотреть пользователь. Это позволит отслеживать историю просмотров, а также, добавив фронтенд, получить персональное приложение со своими предпочтениями в фильмах и сериалах.
Уровень сложности: начальный;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Node.JS.
Основной целью генератора может быть экономия времени. Необязательно создавать что-то сложное и трехмерное. Достаточно создания карт для простых 2D-игр с боковой прокруткой или с видом сверху.
Уровень сложности: средний;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript
Бэкенд: —
Название говорит само за себя.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript
Бэкенд: —
Приложение для контроля над приемом лекарств — что, когда и в какой дозировке. Можно также добавить функции для создания заметок от врачей.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript
Бэкенд: —
Приложение для подбора нарядов на неделю на основе ряда пользовательских предустановок. Подойдет для нерешительных людей.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript
Бэкенд: —
Приложение для хранения нужной информации.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Flutter/Dart.
Бэкенд: Node.JS, SQL.
По задумке автора подборки, такое приложение могло бы создавать и расшифровывать секретные сообщения. На входе текст шифруется с помощью специального алгоритма, а на выходе, когда его получает адресат, оно декодируется.
Уровень сложности: продвинутый;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Node.JS.
Автор подборки предлагает начинить такое приложение функциями, позволяющими случайным образом создавать аватары для использования в профилях на веб-сайтах.
Уровень сложности: начальный;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Node.JS.
Созданные логотипы можно использовать в производстве или для тестирования. Например, разработчик создает тестовый сайт, а официального логотипа пока нет. Вместо того, чтобы делать макет в Photoshop, можно использовать специальный API для генерации логотипа.
Уровень сложности: средний;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Node.JS.
Как вариант, можно создать сайт-агрегатор новостей, который будет получать информацию из нескольких источников с единым интерфейсом и на одной платформе для чтения.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native
Бэкенд: Node.JS, NoSQL.
Порой трудно сгенерировать хорошее имя пользователя. Было бы проще автоматически сгенерировать имя пользователя на основе нескольких ключевых слов.
Уровень сложности: средний;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Python.
Чат-бот — это личный помощник. Например, можно создать бота, который будет отслеживать повседневные задачи и давать рекомендации по повышению производительности.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native.
Бэкенд: Node.JS, NoSQL.
Цель — создать приложение для хранения истории игр. Где пользователь играл, когда и во что, с фильтрацией по году, жанру, платформе и так далее. В перспективе можно превратить приложение в социальную сеть, чтобы можно было следить за списками игр других людей.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native.
Бэкенд: Node.JS, NoSQL.
Место, где люди могли бы делиться рецептами, фотографиями, планами питания а также информацией о ресторанах, барах и кафе, которые они советуют посетить другим людям.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native.
Бэкенд: Node. JS, NoSQL.
Приложение для создания планов этажей для различных комнат с возможностью добавления мебели и шейрингом с другими пользователями, чтобы получить обратную связь.
Уровень сложности: средний;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
В ней пользователи могут делиться личным опытом и советами, видео и пошаговыми инструкциями о том, как стать профессиональным игроком.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native.
Бэкенд: Node.JS, NoSQL.
В таком приложении можно использовать машинное обучение, которое позволит застенчивым и неуверенным в себе людям улучшить разговорные навыки.
Уровень сложности: продвинутый;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native.
Бэкенд: Python, SQL.
В ней пользователи могут делить тем, что они построили с помощью конструктора Lego, а также выкладывать уроки по созданию моделей.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, React Native.
Бэкенд: Node.JS, NoSQL.
Приложение для мониторинга заявок на вакансии, которых могут быть десятки, интервью и отзывов. Для удобства можно добавить возможность экспорта данных в виде файла CSV или json.
Уровень сложности: средний;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, Flutter/Dart.
Бэкенд: Node.JS, SQL.
Вместо традиционных вычислений можно разработать приложение, которое будет рассчитывать стоимость проживания или ссуду с процентами в зависимости от ее размера. Вариантов масса.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Приложение призвано выбирать за пользователей то, чем они будут заниматься. В него можно также встроить индикатор заинтересованности новым времяпрепровождением. Приложение подходит как способ формирования новых привычек.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Такого рода приложения сейчас популярны, поэтому автор подборки считает, что создание аналога будет не только полезным, но, возможно, и прибыльным, так как есть вероятность, что именно ваша версия станет более популярной.
Уровень сложности: продвинутый;
Тип проекта: фулстек.
Фронтенд: HTML, CSS, JavaScript, React, Redux, Flutter/Dart.
Бэкенд: Node.JS, SQL.
Поисковые роботы используются для сбора данных с различных веб-сайтов для дальнейшей индексации, поэтому Эндрю Байсден как вариант предлагает создать собственного бота для таких целей.
Уровень сложности: начальный;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Python.
Инструмент автоматизации дает возможность ускорить рабочие процессы, которые часто используются. Например, настройка структуры продукта для приложения или преобразование всех файлов в папке во что-то новое, например, изменение jpg в png.
Уровень сложности: начальный;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Python.
Например, разработчик хочет создать игру с большим количеством данных. Можно сделать внутренний API для хранения информации об играх, которая может использовать во фронтенд-приложении.
Уровень сложности: начальный;
Тип проекта: бэкенд.
Фронтенд: —
Бэкенд: Node.JS.
Приложение, в котором будут отображаться все доходы и расходы, а также все покупки, сделанные за год. Также можно добавить обзор по дням, месяцам и годам, чтобы отследить то, чего пользователь покупает чаще или реже всего.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Приложение для отслеживания еды, которую пользователь ест каждый день. Можно добавить подсчет веса, калорий и прочих важным показателей.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Это может быть простое приложение, позволяющее отслеживать настроение в течение дня. В перспективе можно превратить его в дневник с возможностью добавления заметок.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript, React.
Бэкенд: —
Приложение для угадывания скрытого изображения из нескольких вариантов.
Уровень сложности: начальный;
Тип проекта: фронтенд.
Фронтенд: HTML, CSS, JavaScript.
Бэкенд: —
Прокси (proxy), или прокси-сервер — это программа-посредник, которая обеспечивает соединение между пользователем и интернет-ресурсом. Принцип…
Согласитесь, было бы неплохо соединить в одно сайт и приложение для смартфона. Если вы еще…
Повсеместное распространение смартфонов привело к огромному спросу на мобильные игры и приложения. Миллиарды пользователей гаджетов…
В перечне популярных чат-ботов с искусственным интеллектом Google Bard (Gemini) еще не пользуется такой популярностью…
Скрипт (англ. — сценарий), — это небольшая программа, как правило, для веб-интерфейса, выполняющая определенную задачу.…
Дедлайн (от англ. deadline — «крайний срок») — это конечная дата стачи проекта или задачи…