Нажмите "Enter" для перехода к содержанию

20 интересных идей для создания веб-приложений

0

Если вы читаете эту статью, значит вы в поисках идеи. Вероятно, вы хотите создать простое приложение, которое можно использовать в примере проекта, для тестирования нового фреймворка или API. Но Вы не можете найти ничего, что действительно резонирует с вами.

Проект должен быть достаточно простым, чтобы не занимать все ваше время, но в то же время и достаточно сложным, чтобы стоить того.

Подборка разделена на категории: без/с использованием внешнего API, без/с требованием серверной части и т. д.

Приложение для отслеживания веса

  • прием набора данных измерения веса, полученных в разное время;
  • построение графика;
  • отслеживание нескольких объектов;
  • хранение показателей веса.

Калькулятор

Реализовать стандартные операции +, -, *, / над числами и вывод результата.

Библиотека

  • хранение книг, которые вы прочитали/купили;
  • раздел “буду читать”;
  • хранение информации о книге и суперобложке.

Книга рецептов

  • ввод названия и описания;
  • возможность добавлять картинки блюд;
  • ранжирование по сложности и умению повара;
  • время приготовления;
  • этапы приготовления по шагам с картинками;
  • хранение всего перечисленного.

Контроль расходов

  • регистрация чеков, сумм и дат;
  • список чеков и квитанций;
  • возможность строить графики со статистикой (в этом году/в прошлом году);
  • хранение всего перечисленного.
  • облегченный Slack-функционал;
  • возможность входить без аутентификации, получать имя, которое будет храниться до следующей сессии;
  • хранение истории;
  • уведомления.

Блокнот

  • создание нового блокнота;
  • список всех заметок в сайдбаре;
  • хранение всего перечисленного.

Личный дневник

  • добавление записи с датой и текстом;
  • изменение порядка записей;
  • возможность добавлять картинки;
  • хранение всего перечисленного.

Таймер/будильник

  • ввод времени;
  • запуск таймера;
  • сигнал по прошествии времени.

Генератор мемов

  • хранение десяти популярных картинок-мемов;
  • возможность добавлять пользовательский текст;
  • результат картинка + текст;
  • хранение истории.

Крестики-нолики

Всем известная игра: попробуйте реализовать.

Игра в жизнь

Это приложение должно отображать процессы, протекающие в клетках организма: деление, движение, рост и т. д. Посмотрите видео для того, чтобы идея стала понятнее:

Движок блога

  • возможность логиниться и создавать посты;
  • дать возможность посетителям оставлять комментарии;
  • хранение всего перечисленного.

Вопрос-ответ

  • возможность логиниться;
  • создание вопросов и ответов;
  • возможность выбирать лучший ответ;
  • хранение всего перечисленного.

Форум

  • регистрация, авторизация, аутентификация;
  • возможность логиниться и создавать посты;
  • комментарии к постам;
  • хранение всего перечисленного.

Встроенный “живой” чат

  • наличие админки, в которой вы отвечаете на вопросы;
  • возможность встраиваться в веб-страницу;
  • возможность писать приватно админу.

Эта категория включает в себя более сложные, объемные и производительные приложения, поэтому для их создания лучше использовать API.

Новостной клиент

  • выведение на экран списка популярных новостей;
  • просмотр комментариев;
  • просмотр пользовательских профилей;
  • поиск.

Несколько примеров для вдохновения: раз, два.

Reddit клиент

  • просмотр списка популярных постов;
  • выведение списка комментариев к постам;
  • редактирование пользовательских профилей.

Instagram клиент

  • при написании хэштега выводить последние новости по нему;
  • при написании логина выводить последние новости от него;
  • разрешать хранить один или несколько хэштегов/логинов и получать все последние сообщения от них.

GitHub API клиент

  • требуется показывать список популярных репозиториев за сегодня/неделю/месяц;
  • выводить список коммитов к репозиторию;
  • показывать лицо, организацию или публичные репозитории с ранжированием по звездам.

Unsplash API клиент

  • организовать поиск изображения по теме;
  • позволить юзеру вводить ключевое слово и по нему делать поиск изображений.

Вот официальный хелп по данному API.

Для создания веб-приложений обязательно нужны данные для «заглушек», картинки, API и т. д.

Этот процесс гораздо скучнее, чем кодинг поэтому мы немного сэкономим вам время на поиске нужных компонентов.

Добавить комментарий

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