Всем привет! Эта статья продолжит цикл статей посвященных pet-проектам для frontend-разработчика. В ней я хочу рассказать про проекты, которые будут интересны более опытным программистам, нежели совсем новичкам в сфере программирования. Для реализации этой проектов нужны углубленные знания Javascript и других веб-технологий.
Меня зовут Антон. Я занимаюсь front-end разработкой и сейчас я расскажу вам об идеях для ваших pet-проектов.
Trello Clone
Каждый из нас хоть раз в жизни работал в команде. Будь то игра в футбол на улице, подготовка проекта для школьного урока или же разработка крупного приложения. Все мы понимаем как важна коммуникация в команде и насколько важно выполнять все качественно и слажено.
Именно для работы в команде и был разработано это приложение. Оно позволяет нам отслеживать процесс выполнения той или иной задачи.
У нас есть доска, которая делится на столбцы. В каждый столбец мы добавляем дело, у которого должны быть: заголовок, описание, ответственный за него и тд.
По мере выполнения задания, оно перемещается из одного столбца в другой.
Основные задачи:
- Реализовать возможность создания доски задач
- Добавить возможность добавления или удаления столбцов на доске задач
- Реализовать функцию создания/удаления/изменения дела
- Добавить возможность менять описание и исполнителя задачи
- Сделать возможность перетаскивать дела между столбцами с помощью кнопки мыши (drag-and-drop)
Chat
Взаимодействие между пользователями приложения в real-time всегда было интересным и захватывающим. В этом pet-проекте я предлагаю создать такое самостоятельно. Напишем свой real-time чат, который позволит пользователям в общем канале оправлять и получать сообщения друг друга.
Для отправки и получения сообщений в этом pet-проекту необходимо использовать socket.
Требования к приложению:
- Переписка должна осуществляться в реальном времени
- Пользователи могут создать свой канал для общения или подключиться к существующему
- В каждом канале должны отобраться участники переписки
- У приложения должен быть приятный UI
- Создатель канала должен иметь возможность удалять пользователей из канала
Ссылка на документацию к socket.io
Weather App
В этом pet-проекте мы создадим свое приложение прогноза погоды. Создавая его, мы научимся работать с асинхронным Javascript и со сторонним API. Также я предлагаю реализовать страницу регистрации/входа с моканными данными в качестве exta-пункта.
Итак, наши требованию к приложению:
- Отображение текущей погоды в выбранном городе
- Отображение прогноза погоды на ближайшую неделю
- Информация о погоде должна включать в себя температуру, описание прогноза, скорость ветра, влажность
- Также, должна быть возможность добавить текущий город в Избранное для быстрого доступа к его прогнозу погоды
- Реализовать форму входа/регистрации на страницу
API для получения информации о погоде
Заключение
В данной статье я хотел поделиться некоторыми своими идеями для ваших будущих pet-проектов. В следующих статьях я расскажу еще больше идей разного уровня сложности. Удачи и чистого кода!
#программирование #it #developer #proweb #web #проекты #разработка
