• 

  home

StockSence – AI Inventory & Sales Management System

🚀 Inspiration

We noticed that small and medium businesses often struggle with manual inventory tracking, delayed decision-making, and poor sales analysis. We wanted to build an intelligent system that automates the process and empowers business owners with insights in real time.

🔧 How We Built It

We used the following technologies and tools to bring StockSence to life:

• Frontend: React.js + Tailwind CSS
• Backend & Realtime: (Database + Auth + Realtime)
• Authentication: Supabase Auth + Google OAuth
• Offline Support: IndexedDB (PWA-like experience)
• QR Code Support: qrcode.react library
• PDF/Excel Export: jsPDF + SheetJS
• Charts & Reports: Chart.js
• Localization: i18next for Arabic and English support
• Deployment: Vercel
• Designed & Prototyped with: Bolt.new

🤖 AI Feature

The system includes a smart suggestion engine that analyzes stock levels and sales over the past 7 days to recommend restocking when inventory is low.

💡 What We Learned

• How to use Supabase for real-time data and authentication
• Best practices in building responsive dashboards with React
• Using IndexedDB for offline-first applications
• Integration of Google OAuth in a secure way
• Team collaboration and UI/UX consistency

🧗 Challenges We Faced

• Managing role-based access (Admin vs Employee)
• Synchronizing real-time changes across branches
• Ensuring full offline functionality
• Designing a clean UI that supports both RTL (Arabic) and LTR (English)

👨‍💻 Team

• Mohamed Elsout – Backend Developer & System Logic
  
• Yousef Mansour – Frontend Developer & UI/UX Designer

🔗 Links

• Live Demo: https://stocksence-v1.vercel.app
  
• GitHub: https://github.com/MohamedElsout/stocksence-v1
  
• Video Demo: [https://youtu.be/gD-j3KbAfrA]

Built With

• google
• i18next
• indexeddb
• jspdf
• oauth
• react.js
• sheetjs
• tailwind
• vercel