Хотите построить что-нибудь весело? Вот список примеров идей веб-приложений.

Автор оригинала: FreeCodeCamp Community Member.

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

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

«Я не хочу строить еще одно приложение To-Do!» Я слышу, как ты думаешь.

Я понимаю. Я написал этот пост, чтобы помочь себе, и я надеюсь, что это вам также поможет.

Что вы найдете ниже

Некоторые из идей являются автономными (не связаны с использованием внешнего API), в то время как некоторые используют известные публичные API, где вы можете легко взять предварительные данные.

Некоторые требуют серверной части, а некоторые нет, которые также могут зависеть от вашей реализации.

Но я пытался убедиться, что эти идеи:

хорошо для учебника
Хорошо экспериментировать с веб-технологиями
не то, что займет неделю, чтобы выяснить
не «идеи запуска»
нацелен на веб-приложения
легко объяснить
Легко построить (менее 24 часов, если подготовлено)
Легко расширить новые функции

Итак, достаточно разговоров, вот список!

Простые приложения без внешних зависимостей

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

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

Приложение калькулятора

Стандартный калькулятор: номера, +, -, *,/, и результат

База данных книги

Войти в книги, которые у вас есть
Войдите в книги, которые вы хотели бы купить
Хранить информацию о книге и изображения

Приложение рецептов

Введите имя и описание с шагами
Есть фотографии
Иметь некоторое ранжирование трудностей и качества
Добавить необходимое время
Иметь разные шаги с изображением для каждого
Хранить их где-нибудь

Законопроект

Журнал счетов, сумм и даты
Список счетов
Есть несколько графиков (в этом году/в прошлом году)
Хранить их где-нибудь

Трекер расходов

Журнал расходов и тег их (или есть категории)
Перечислите расходы
Есть несколько графиков (в прошлом месяце/в прошлом году)
Хранить их где-нибудь

Приложение чата

Какой-то развяз
Люди входят без аутентификации и назначаются имя, сохраненное для того, когда они возвращаются
Хранить историю
Добавить уведомления

Приложение Notes

Добавить новую ноту
Перечислите все ваши заметки в боковой панели
Хранить их где-нибудь

Приложение личного дневника

Добавьте записи с датой и текстом
Показать более последние первые
Прикрепите картинки
Хранить их где-нибудь

Приложение Pomodoro

Введите время
Начать таймер
Оповещение, когда время закончено

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

Есть 10 популярных изображений на мем
Пусть пользователь добавит текст
Результат – это изображение + текст
Хранить историю

Игра Tic-Tac-Toe

Мы все знаем, что такое игра Tic-Tac-Toe?

Игра Жизни

Отличный проект с участием математики и графики.

Двигатель блога

Разрешить пользователю войти и добавить сообщения
Посетители могут добавить комментарии
Хранить данные где-то

QA двигатель

Разрешить пользователю входить в систему
Добавить вопросы
Ответ на вопросы
Разрешить оригинальному пользователю выбрать лучший вопрос
Хранить данные где-то

Двигатель форума

Разрешить пользователю входить в систему
Добавить сообщения
Комментарий к сообщениям
Хранить данные где-то

Встраиваемый живой чат

Думаю домофон или оларк.

Иметь «бэкэнд», где вы отвечаете
Встраивается на веб-страницу
Пусть люди пишут вам в частном порядке

API-приложения

Клиент Hacker News

Список популярных постов
Показать комментарии поста
Показать профиль пользователя
Поиск Hn.

Проверьте HNPWA и Удивительный хакер Новости для вдохновения.

Клиент Reddit.

Список популярных постов
Перечислите комментарии поста
Показать профиль пользователя

Клиент Instagram.

Введите хэштег и получите последние сообщения
Введите имя пользователя и получите последние сообщения
Разрешить хранить один или несколько хэштеров/имена пользователей и получить все последние сообщения от тех

Клиент API github

Перечислите популярные репозитории сегодня/неделя/месяц
Перечислите последние коммиты в репозитории
Показать человека или организацию публичные репозитории, занимающиеся звездами

Unsplash API-клиент

Поиск изображений по теме
Пусть пользователь вступит в термин, показать соответствующие изображения

Начать на Unsplash API для вдохновения.

Данные для примерных приложений

Иногда вы начинаете строить несколько простых приложений, но вам скучно с данными, которые вы нашли, которые вы можете использовать. Вам не нужно скучать! Вы можете использовать реальные данные или случайные данные.

Общественные API Вы можете использовать в примере проектов

Может быть, у вас есть идея для идеально хорошего приложения CRUD или то, что работает с API, но вы не хотите создавать API в первую очередь.

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

Вот некоторые удивительные публичные API, которые вы можете использовать:

Защитники изображений для ваших образцов проектов

Генераторы изображения

Аватары:

Робохаш
Очаровательные аватары
ДЕicebear Avatars (пиксельное искусство)
Lorem Picsum

Образец генератора текста для ваших образцов проектов

Лорем IPSum скучно. Сперировать!

Если вы настаиваете на использовании Lorem Ipsum, Loripsum хороший генератор.

Другие поддельные данные

Fakejson имеет тонны поддельных возможностей генерирования данных.

Jsonsholder Есть поддельные посты, комментарии, фото, тодос, пользователи и альбомы, все готовые для расхода отдыха.

Нужно поддельные имени/генерацию пользовательских данных? Проверьте Ui названия и RenderUser Отказ

Обертывание

Я надеюсь, что этот список достаточно всеобъемлющий, чтобы удовлетворить ваши потребности!

Веселиться!