
portfolio.webDev
kwiecień 2024KonBase
All-in-one platform for conventions to manage inventory, track equipment, and streamline logistics.
6
portfolio.technologies
✓
portfolio.liveDemo
✓
Open Source
1
portfolio.projectGallery
portfolio.technologies
Vite
React
TailwindCSS
Typescript
shadcn/ui
Supabase
portfolio.caseStudy

KonBase
KonBase is a comprehensive inventory and convention management system built for associations that organize events and need to track their equipment and supplies.
Key Features
Association Management Module
- Association registration and profile management
- Inventory management with categorization and location tracking
- User management with permission levels
- Warranty and documentation tracking
- Equipment sets management
- Import/export functionality
- Local backup capabilities
Convention Management Module
- Create convention from association template
- Equipment issuing and return tracking
- Consumable items tracking
- Room/location mapping
- Requirements gathering and fulfillment tracking
- Comprehensive logging of all actions
- Reports generation
- Post-convention archiving
Security Features
- Role-based access control
- Super-admin role with full system access
- Enhanced security for log files
- Two-factor authentication for sensitive operations
- Data encryption for sensitive information
Tech Stack
KonBase is built using modern web technologies:
Frontend
- React - A JavaScript library for building user interfaces
- TypeScript - Static typing for better developer experience
- Vite - Next generation frontend tooling
- Tailwind CSS - Utility-first CSS framework
- shadcn/ui - Reusable UI components built with Radix UI and Tailwind CSS
- React Router - Routing library for React
- Lucide Icons - Beautiful open source icons
- React Hook Form - Form validation
- Recharts - Data visualization components
Backend
- Supabase - Open source Firebase alternative
- PostgreSQL database
- Authentication
- Storage
- Edge Functions
- Realtime subscriptions
- Tanstack Query - Asynchronous state management
Deployment
- GitHub Pages - For static site hosting
- GitHub Actions - CI/CD for automatic deployment
More information on GitHub
Images




portfolio.quickLinks
portfolio.interestedInSimilar
portfolio.interestedInSimilarDesc