Inspiration
In many small shops and rural stores across Africa, business owners still rely on pen and paper to track inventory and sales. This often leads to errors, stock mismanagement, and loss of vital records. I was inspired to solve this challenge by creating a lightweight, offline-first inventory manager, one that requires no internet connection, no backend setup, and can run easily on any smartphone, tablet, or PC.
What it does
Smart Inventory Manager is an offline-first web application that helps store owners: 🔒 Securely login to their dashboard 📦 Add or update inventory with price and quantity 🛒 Record daily sales, auto-subtracting from available stock 📁 Download daily sales reports in CSV format 📊 Track inventory and sales in real-time ✅ Works fully offline, ideal for stores in low-connectivity areas
How I built it
I used: 1. HTML, CSS, and JavaScript (Vanilla) for all front-end development 2. LocalStorage API to persist data offline 3. Blob API to enable CSV downloads for sales reports 4. Responsive design to support both mobile and desktop views 5. Netlify for simple deployment and sharing
Challenges I ran into
- Designing an app that works fully offline yet mimics database behavior
- Implementing CSV export using only browser APIs
- Ensuring data persistence across sessions
- Building an intuitive UI with no frameworks
- Keeping the app usable on both desktop and mobile
Accomplishments that I'm proud of
- Developed an entire stock and sales tracking system using only frontend tools
- Made it accessible to non-tech users, especially shop owners
- Export feature works on any device with a browser
- Deployed the project on Netlify for public access
- The app is lightweight, fast, and reliable offline
What I learned
- How to use localStorage to store structured data like inventory and transactions
- Using the Blob API to generate downloadable reports
- UI/UX design principles for non-technical users
- Responsive design and modular coding practices
- Prioritizing accessibility and simplicity in tech for real-world users
What's next for Smart Inventory Manager (Offline Stock & Sales Tracker)
🔄 Add cloud backup support (e.g., upload JSON to Drive) 👥 Introduce multi-user login with roles (e.g., manager vs. cashier) 📈 Add analytics and charts for better business insights 📱 Turn it into a Progressive Web App (PWA) for installable experience 🌍 Localize in major African languages for wider adoption
Built With
- api
- blob
- css3
- csv
- data
- design)
- html5
- javascript
- localstorage
- netlify
- offline
- responsive
- storage)
- vanilla)
Log in or sign up for Devpost to join the conversation.