Главная / Идеи pet-проектов
Идеи Pet-Проектов для Портфолио
9 проектов, отсортированных по сложности — от первого To-Do листа до мини-магазина. Отфильтруйте по своему уровню.
To-Do List
Список задач с добавлением, отметкой выполнения и удалением — классический первый проект для отработки DOM.
DOMlocalStorage
Калькулятор
Базовые арифметические операции с интерфейсом как у настоящего калькулятора — отработка функций и событий.
ФункцииСобытия
Таймер обратного отсчёта
Отсчёт времени до заданной даты или события — практика работы с setInterval и датами.
setIntervalDate
Погодное приложение
Получение данных о погоде через публичный API по названию города — первое знакомство с fetch и асинхронностью.
Fetch APIAsync/await
Квиз-игра
Вопросы с вариантами ответа, подсчёт очков и таймер на раунд — отработка состояния приложения.
Массивы объектовСостояние
Трекер бюджета
Добавление доходов и расходов с автоматическим пересчётом баланса и простой диаграммой по категориям.
localStorageРасчёты
Мини-интернет-магазин
Каталог товаров, корзина, фильтры и подсчёт итоговой суммы — один из самых показательных проектов для портфолио.
КорзинаФильтрация
Чат в реальном времени
Обмен сообщениями между пользователями без перезагрузки страницы — знакомство с WebSocket или Firebase.
WebSocketFirebase
Дашборд с графиками
Визуализация данных с помощью графиков и диаграмм — работа с готовой библиотекой и структурирование данных.
Chart.jsВизуализация
💡 Не обязательно проходить проекты по порядку — начните с того уровня, который соответствует вашим текущим знаниям.
Частые вопросы
Сколько pet-проектов нужно для портфолио?
Обычно достаточно 3–5 проектов разного уровня сложности — важнее качество и завершённость, чем количество.
Нужно ли выкладывать проекты на GitHub?
Да — работодатели смотрят не только на результат, но и на код, историю коммитов и структуру репозитория.
Можно ли использовать чужие идеи проектов для портфолио?
Да, идея проекта — это только отправная точка. Ценность портфолио в том, как вы её реализовали и какие решения приняли, а не в оригинальности самой идеи.