🌱 How It Started
A few days ago, I built my first project during my React course — a simple packing list app called Far Away.
It helped users plan what to pack before traveling.
While it was a good learning experience, I wanted to create something more useful in daily life — something people could actually use every week.
That’s how Listo started. 🛒
💡 The Idea
Listo is a grocery list app that helps users organize shopping items with quantities and units.
You can type in custom items (like “Rice 2 kg” or “Milk 1 liter”), add or remove things easily, and track what’s already packed or bought.
It’s a simple concept — but I’m focusing on making it clean, fast, and easy to use.
⚙️ Tech Stack (So Far)
- ⚛️ React.js — for the UI and interactivity
- 💻 JavaScript (ES6) — for all logic
- 🎨 CSS (modern design) — I’m experimenting with layout, colors, and clean typography
- 🧩 State Management — using React
useState()
🚧 Current Progress
✅ Item input field working
✅ Quantity & unit dropdown added
✅ Add and delete item functions done
🕒 Next: total item counter + percentage tracker
🎨 Upcoming: better layout and modern UI
🔮 Future Plans
- Add localStorage to save the list between sessions
- Add dark mode
- Deploy the app online
- Maybe add categories (like fruits, vegetables, dairy, etc.)
💭 My Goal
I’m not just recreating a course project — I’m transforming it into something original.
The goal isn’t just to “build another app,” but to learn how to turn ideas into real products.
“Every small project is a chance to learn something big.” 🌱
💬 Stay Tuned
I’ll share updates here as I keep building Listo — my modern grocery list app.
If you’ve built something similar or have feature ideas, I’d love to hear from you!
Top comments (0)