A modern, responsive web application for showcasing premium tiles and marbles
| 👥 Viewers | 📈 Leads | ⚡ Load Time | 🖼️ Optimization |
|---|---|---|---|
| 3,000+ | 50+ | < 2 sec | 30-50% |
Barkat Enterprise is a comprehensive web application designed for a tiles and marbles business. This freelance project delivers a seamless user experience for browsing product catalogs, viewing detailed product information, and contacting the business.
📖 For detailed technical documentation, challenges faced, and solutions implemented, see the Technical Documentation.
| Feature | Description |
|---|---|
| 🎠 Dynamic Hero Carousel | Auto-rotating showcase with GPU-accelerated animations |
| 📚 Product Categories | 10+ categorized sections with advanced filtering |
| 📄 PDF Catalog Viewer | In-browser PDF rendering with download option |
| 📧 Contact Integration | EmailJS-powered contact form for lead capture |
| 📱 Responsive Design | Mobile-first approach optimized for Indian devices |
| ⚡ Lazy Loading | Intersection observer-based image loading |
| Category | Technologies |
|---|---|
| Frontend | React 18.3.1, Vite 5.4.1, Tailwind CSS 3.4.10 |
| Routing | React Router DOM 6.27.0 |
| Libraries | React LazyLoad, React Icons, PDFJS-Dist, EmailJS |
| Deployment | Vercel with Analytics |
# Clone the repository
git clone https://github.com/AmanSuryavanshi-1/BarkatEnterprise.git
cd BarkatEnterprise
# Install dependencies
npm install
# Set up environment variables
# Create .env file with EmailJS credentials:
# VITE_EMAILJS_SERVICE_ID=your_service_id
# VITE_EMAILJS_TEMPLATE_ID=your_template_id
# VITE_EMAILJS_PUBLIC_KEY=your_public_key
# Start development server
npm run dev
# Build for production
npm run buildbarkat-enterprise/
├── public/assets/ # Static assets (images, PDFs, logos)
├── src/
│ ├── Components/ # Reusable UI components
│ ├── Pages/ # Route-based page components
│ └── Utils/ # Utility functions and data
├── docs/ # Technical documentation
├── vercel.json # Deployment configuration
└── package.json
For comprehensive information about this project, including:
- 🎯 Business challenges and solutions
- 📈 Detailed impact metrics
- 🔧 Technical implementation details
- 🐛 Challenges faced and how they were solved
- 🔮 Future improvement roadmap
→ See Technical Documentation
