This project is a responsive website for a modern furniture company, showcasing their products and services.
Project Live link : [https://skrova.in].
-
Frontend:
- HTML5
- CSS3 (with Tailwind CSS for styling)
- JavaScript (ES6+)
- React (via CDN for component-based UI)
- Babel (for JSX transpilation)
-
Backend:
- Node.js
- Express.js (for serving static files and routing)
-
Other Technologies:
- Font Awesome (for icons)
- dotenv (for environment variable management)
-
Responsive Design:
- Adapts to various screen sizes (mobile, tablet, desktop)
- Custom responsive classes for text, images, and containers
-
Dynamic Navigation:
- Translucent header on scroll
- Mobile drawer menu for smaller screens
-
Interactive UI Components:
- Image carousel with auto-play and manual navigation
- Hover effects on service items
- Animated statistics display
-
Modern Styling:
- Glass card effect for sections
- Gradient backgrounds
- Hover animations on buttons and links
-
Performance Optimizations:
- Lazy loading of images
- Efficient React rendering
-
Accessibility:
- Semantic HTML structure
- ARIA attributes for improved screen reader support
-
Cross-browser Compatibility:
- Consistent appearance across major browsers
-
Modular Code Structure:
- Separate components for Header, Footer, and MobileDrawer
- Reusable React components for repeated elements
-
Server-side Rendering:
- Express server to serve static files and handle routing
-
Environment Configuration:
- Use of .env file for environment-specific variables
-
Scroll-to-top/bottom Feature:
- Dynamic button for easy navigation on long pages
-
Product Showcase:
- Grid layout for displaying furniture categories and items
-
About Us Page:
- Company information and certifications display
- Modal for viewing certifications in detail
-
Contact Information:
- Easily accessible contact details in the footer
This modern, feature-rich website provides an engaging user experience while showcasing the company's furniture products and services effectively