Furniro is a modern and responsive e-commerce furniture web app designed to provide a seamless shopping experience. Built as part of Hackathon 3, this 7-day challenge showcases the integration of powerful technologies and innovative features.
- Features
- Tech Stack
- Usage
- System Design
- API Integrations
- Problems Solved
- Benefits
- Contributing
- License
- Challenges
- 🛋️ Modern UI/UX for a sleek shopping experience
- 📱 Fully responsive across devices
- 🔍 Live search with product filtering
- 🛒 Add to cart functionality
- 🚚 Shipment API integration
- 📦 Dynamic product and inventory management
- Frontend: Next.js, TypeScript, Tailwind CSS
- State Management: Context API
- Backend: Node.js (API integration)
- CMS: Sanity.io
- APIs: Student Leader Ibarur Rehman’s APIs, Fake Store API
- Browse through the collection of furniture.
- Use the search bar to filter products by name, category, or other criteria.
- Add items to your cart and proceed to checkout.
Furniro employs a modular and scalable architecture:
- Frontend: Component-driven, leveraging Next.js routing and API calls.
- Backend: APIs handle data flow and ensure synchronization with Sanity CMS.
- Database: Sanity.io serves as the headless CMS for dynamic content.
- ShipEngine: Shipment api.
- Custom APIs: Built with Student Leader Ibad ur Rehman’s APIs for shipment and order tracking.
- User Experience: A smooth and modern UI/UX simplifies online furniture shopping.
- Efficiency: Dynamic data fetching and live search enhance app performance.
- Scalability: Modular architecture supports future features and enhancements.
- Customizable: Built with modern tools, allowing for easy updates and styling.
- Responsive: Works seamlessly across devices.
- Integrated: Combines third-party APIs and a CMS for a robust backend.
My Hackathon Experience: Challenges, Learnings, and Suggestions Challenges: Participating in the hackathon was both exciting and demanding. One of the key challenges was managing time effectively within the strict deadlines while ensuring high-quality work. Debugging complex issues during the integration of APIs and building dynamic features for the Furniro app added to the pressure. Additionally, ensuring a seamless user interface and addressing performance bottlenecks required a lot of focus and quick problem-solving.
Learnings: The experience was a significant learning opportunity. I improved my skills in working with APIs, creating responsive designs using Next.js and Tailwind CSS, and implementing efficient state management for "Add to Cart" functionality. Collaborating with teammates enhanced my understanding of teamwork and communication in a fast-paced environment. I also learned to prioritize tasks and test applications thoroughly under time constraints.
Suggestions: To improve future hackathons, it would be helpful to have more structured mentoring sessions during the event to resolve blockers quickly. Additionally, allocating dedicated time for user testing and feedback could further refine the projects. Lastly, having pre-hackathon workshops or resource materials on the required tech stack would help participants be better prepared.
We welcome contributions! Follow these steps:
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature-name - Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
Happy coding! 🌟