Transforming Spaces with Premium Quality Furniture & Exceptional Design
Experience the perfect blend of aesthetics, functionality, and craftsmanship
Furni isn't just another furniture store—it's your gateway to transforming living spaces into homes that reflect your personality and lifestyle. We combine cutting-edge technology with timeless design to create an exceptional shopping experience that brings beauty, comfort, and functionality to your everyday life.
Only the finest materials and expert craftsmanship |
Eco-friendly materials & ethical manufacturing |
Tailored furniture for your unique space |
Quick & reliable shipping worldwide |
- Smooth scrolling experience across all sections
- Mobile-responsive design optimized for all devices
- Fast loading with optimized performance
- Product filtering and sorting capabilities
- Detailed product views with 360° perspectives
- Secure checkout process with multiple payment options
- Progressive Web App (PWA) support
- Touch-friendly interface for mobile users
- Accessibility compliant design
- Modern UI/UX with clean aesthetics
- Custom animations and micro-interactions
- Responsive typography for optimal readability
- Real-time chat support
- Customer reviews and ratings
- Wishlist and favorites functionality
| Technology | Purpose | Description |
|---|---|---|
| React 19 | UI Framework | Component-based architecture with hooks |
| Vite | Build Tool | Lightning-fast development & builds |
| Tailwind CSS | Styling | Utility-first CSS framework |
| React Router | Navigation | Client-side routing |
| GSAP | Animations | Professional-grade animations |
| Framer Motion | UI Motion | Smooth interactions & transitions |
| FontAwesome | Icons | Comprehensive icon library |
Furni/
├── frontend/ # Main React application
│ ├── public/ # Static assets
│ │ ├── furni.png # Site favicon
│ │ └── vite.svg # Vite logo
│ ├── src/ # Source code
│ │ ├── assets/ # Media files & resources
│ │ │ ├── homeAndSofa/ # Landing page images
│ │ │ ├── items/ # Product images
│ │ │ └── sofa/ # Sofa category images
│ │ ├── components/ # Reusable UI components
│ │ │ ├── AboutUs/ # About Us sections
│ │ │ ├── blog/ # Blog components
│ │ │ ├── contactUs/ # Contact form & info
│ │ │ ├── home/ # Homepage components
│ │ │ │ ├── chairItems/ # Furniture showcase
│ │ │ │ ├── footer/ # Site footer
│ │ │ │ ├── header/ # Navigation header
│ │ │ │ ├── products/ # Featured products
│ │ │ │ ├── weHelp/ # Services section
│ │ │ │ └── whyChooseUs/ # Value proposition
│ │ │ ├── login/ # Authentication UI
│ │ │ └── services/ # Service offerings
│ │ ├── pages/ # Page-level components
│ │ │ ├── AboutUs/ # About Us page
│ │ │ ├── blog/ # Blog landing page
│ │ │ ├── contactUs/ # Contact page
│ │ │ ├── homePage/ # Homepage
│ │ │ ├── login/ # Login page
│ │ │ └── services/ # Services page
│ │ ├── App.jsx # Main app component
│ │ ├── main.jsx # Application entry point
│ │ └── index.css # Global styles
│ ├── package.json # Dependencies & scripts
│ ├── vite.config.js # Vite build configuration
│ └── README.md # Frontend documentation
├── .gitignore # Git ignore rules
├── README.md # This file (main project documentation)
└── package-lock.json # Dependencies lock file
- Node.js (v18 or higher)
- npm or yarn package manager
- Clone the repository
git clone https://github.com/devasol/Furni.git
cd Furni/frontend- Install dependencies
npm install- Start the development server
npm run dev- Open your browser to
http://localhost:5173
| Script | Description |
|---|---|
npm run dev |
Starts development server with hot reload |
npm run build |
Creates production-ready optimized build |
npm run preview |
Locally previews production build |
npm run lint |
Checks code for linting errors |
- Clean layouts with focused attention areas
- Thoughtful typography for optimal readability
- Harmonious color palettes inspired by nature
- Consistent spacing for visual rhythm
- Intuitive navigation with clear pathways
- Meaningful transitions for smooth experiences
- Responsive interactions for all input methods
- Accessibility considerations for inclusive design
- Modern landing page with captivating visuals
- Hero section showcasing brand value
- Featured furniture with hover effects
- Smooth animations using GSAP
- About Us comprehensive company story
- Services detailed furniture offering pages
- Blog design inspiration and trends
- Contact Us multi-channel support system
- Login authentication system
None required for development. Production deployment may require:
- API endpoints for backend services
- Analytics tracking IDs
- Payment gateway configurations
- Theme colors can be modified in
frontend/src/index.css - Typography can be adjusted in
frontend/src/App.css - Animations timing and effects customizable
- Component styling via CSS modules
| Homepage Hero | Product Showcase | Mobile View |
|---|---|---|
|
 |
 |
We welcome contributions from the community! Here's how you can help:
- Find and report bugs
- Suggest new features
- Improve documentation
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Improve existing documentation
- Add examples and use cases
- Translate for international users
This project is licensed under the MIT License - see the LICENSE file for details.
MIT License
Copyright (c) 2025 Dawit S. (devasol)
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
- Vite - For the lightning-fast development experience
- React Community - For the incredible ecosystem
- GSAP Team - For professional animation capabilities
- Unsplash - For beautiful placeholder imagery
- FontAwesome - For comprehensive icon library
- All Contributors - For improving the project
⭐ Star this repository if you find it helpful
🐛 Report issues to help improve the project
🔄 Share with friends who might benefit from this
✨ Contribute to make it even better
Built by Dawit S.