To-Do List
A task list with adding, marking complete, and deleting — the classic first project for practicing the DOM.
DOMlocalStorage
Calculator
Basic arithmetic operations with a real-calculator-style interface — practice with functions and events.
FunctionsEvents
Countdown Timer
A countdown to a given date or event — practice working with setInterval and dates.
setIntervalDate
Weather App
Fetch weather data through a public API by city name — a first introduction to fetch and async code.
Fetch APIAsync/await
Quiz Game
Multiple-choice questions, a score counter, and a timer per round — practice managing app state.
Arrays of objectsState
Budget Tracker
Add income and expenses with an automatically recalculated balance and a simple chart by category.
localStorageCalculations
Mini Online Store
A product catalog, cart, filters, and a running total — one of the most compelling projects for a portfolio.
CartFiltering
Real-Time Chat
Messages exchanged between users without reloading the page — an introduction to WebSocket or Firebase.
WebSocketFirebase
Dashboard With Charts
Data visualization using charts and graphs — working with a ready-made library and structuring data.
Chart.jsVisualization
💡 You don't have to go in order — start at the level that matches your current knowledge.
Frequently Asked Questions
How many pet projects do I need for a portfolio?
Usually 3–5 projects of varying difficulty are enough — quality and completeness matter more than quantity.
Do I need to publish projects on GitHub?
Yes — employers look not just at the result, but also at the code, commit history, and repository structure.
Can I use other people's project ideas for my portfolio?
Yes, a project idea is just a starting point. A portfolio's value lies in how you implemented it and the decisions you made, not in the originality of the idea itself.