A responsive, interactive knowledge base and navigation guide designed for Vision Infra Equipment Solutions Limited (VIESL) to streamline ERP onboarding, standard operating procedures (SOPs), and daily transaction workflows.
🔴 Live Demo: https://dotnet-web-erp.vercel.app/
I developed this .Net ERP Guide specifically for Vision Infra Equipment Solutions Limited. The primary goal of this application is to help both new onboarding employees and existing staff easily understand the complex working processes of our internal ERP tools.
Instead of searching through heavy manuals or relying on constant support tickets, employees can use this centralized dashboard to instantly find exact system paths, read standard operating procedures, and view step-by-step visual guides for their day-to-day tasks.
- 🔍 Smart Universal Search: Instantly filter modules and tasks by title, category, or keyword.
- 🗂️ Category Filtering: Quick-access tabs for Login, P&M Transactions, Purchase, Accounts, and Other SOPs.
- 🌓 Dark/Light Mode: Fully responsive theme toggler with local storage memory to save user preferences.
- 📱 100% Mobile Responsive: A modern CSS-grid layout that looks perfect on desktops, tablets, and smartphones.
- 📋 One-Click Copy: Easily copy the exact ERP path to your clipboard to share with colleagues.
- 📄 Integrated PDF Viewer: Seamlessly open and read Standard Operating Procedure (SOP) PDFs directly inside the app without downloading.
- 🖼️ Visual Guides: Interactive modal popups displaying detailed steps, important notes, and full-screen screenshots.
This project is built using pure, vanilla web technologies to ensure maximum speed and zero dependencies:
- HTML5 (Semantic structure and modal architecture)
- CSS3 (Custom variables, Flexbox, CSS Grid, Glassmorphism UI)
- Vanilla JavaScript (DOM manipulation, dynamic rendering, array filtering, clipboard API)
👨💻 Author Harshal Khadatare 📍 Pune, Maharashtra, India
💼 IT / Software Developer