Release Date: June 2025
Build Status: ✅ Stable
Environment: Production Ready (MVP)
Welcome to the first major release of Smart Office Assistant! This React-based web application is designed to streamline workplace operations in IT office environments, providing comprehensive solutions for attendance management, parking coordination, and conference room bookings.
-
📋 Employee Attendance Management
- Mark daily attendance (WFH, In-Office, On-Leave)
- Transport mode specification for in-office days
- Simulated auto check-in options (Location, QR, Wi-Fi)
- Check-out functionality and attendance history
-
🚗 Parking Management
- Real-time parking slot availability
- Visual parking bay map with occupancy status
- Interactive parking space selection
-
🏢 Conference Room Booking
- Room availability calendar with filtering
- Capacity, AV equipment, and floor-based filtering
- Time slot booking and cancellation
- Personal booking management
-
🤖 AI-Powered Chatbot
- Floating chatbot for office procedure queries
- Contextual help and AI-driven suggestions
- Knowledge base for common questions
-
📊 Admin Dashboard
- Attendance trends visualization
- Parking usage analytics
- Room occupancy insights
- Predictive analytics for peak office days
- 🔐 Role-Based Access Control: Distinct Employee and Admin interfaces
- 📱 Responsive Design: Optimized for desktop, tablet, and mobile
- ⚡ Progressive Web App: PWA-ready with offline capabilities
- 🎨 Modern UI: Built with Tailwind CSS for sleek user experience
- Node.js 18+
- npm, yarn, or pnpm
- Modern web browser (Chrome, Firefox, Edge, Safari)
# Clone the repository
git clone <repository-url>
cd smart-office-assistant
# Install dependencies
npm install
# Start development server
npm run dev
# Open http://localhost:5173 in your browser# Build for production
npm run build
# Preview production build
npm run previewThe application builds to static files in the dist/ folder and can be deployed to any static hosting service:
- Vercel:
# Auto-deploy via Git integration (recommended) # Or manual deploy: vercel --prod
- Netlify: Drag and drop
dist/folder or connect Git repository - GitHub Pages: Deploy
dist/folder to gh-pages branch - AWS S3: Upload
dist/contents to S3 bucket with static hosting
For Vercel deployment, the build settings should be:
- Build Command:
npm run build - Output Directory:
dist - Install Command:
npm install - Node.js Version: 18.x or higher
# Using serve (recommended for local testing)
npm install -g serve
serve dist/
# Using Python (if available)
cd dist/
python -m http.server 8000
# Using Node.js http-server
npm install -g http-server
http-server dist/- Frontend Framework: React 19.1.0 with TypeScript 5.7.2
- Build Tool: Vite 6.2.0
- Routing: React Router DOM 7.6.2
- Charts: Recharts 2.15.3
- Styling: Tailwind CSS (CDN)
- State Management: React Context API + Hooks
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
- Bundle Size: ~500KB (gzipped)
- First Contentful Paint: <1.5s
- Time to Interactive: <2.5s
- Lighthouse Score: 90+ (Performance, Accessibility, Best Practices, SEO)
The application includes mock users for testing:
Employee Access:
- Select any employee from the login dropdown
- Access: Attendance, Parking, Booking, Chatbot
Admin Access:
- Select "Admin User" from login dropdown
- Access: All employee features + Admin Dashboard
- Mark Attendance: Login → Dashboard → "Mark Today's Attendance"
- Book Room: Login → "Book Room" → Select date/room → Choose time slot
- View Parking: Login → "Parking" → View real-time availability
- Admin Analytics: Login as Admin → Dashboard → View charts and insights
- Mock Data: All data is simulated and resets on page refresh
- Simulated Features: Auto check-in, real-time updates are mocked
- No Persistence: Data doesn't persist between sessions (localStorage used selectively)
- AI Responses: Chatbot uses rule-based responses, not actual AI API
Vercel Platform Error (EBADPLATFORM) If you encounter platform-specific dependency errors:
# Clear node_modules and package-lock.json
rm -rf node_modules package-lock.json
npm installBuild Failures
- Ensure Node.js version is 18+ in deployment settings
- Check that all dependencies are properly listed in package.json
- Verify build command is set to
npm run build - Confirm output directory is set to
dist
Runtime Errors
- Check browser console for JavaScript errors
- Ensure all assets are loading correctly (check Network tab)
- Verify routing works with your hosting provider's SPA configuration
This release represents Phase 1 of our roadmap. Upcoming features include:
- Phase 2: Real-time updates, actual auto check-in, improved calendar
- Phase 3: True AI integration, advanced analytics, third-party integrations
- Phase 4: Backend implementation, mobile apps, enterprise features
See PRODUCT_ROADMAP.md for detailed future plans.
- Issues: Report bugs via GitHub Issues
- Feature Requests: Submit via GitHub Discussions
- Documentation: See README.md for detailed setup
This project is private and proprietary. All rights reserved.
Built with ❤️ for modern workplaces
Smart Office Assistant v1.0.0 - Streamlining office operations with intelligent automation.