Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/knightcube/furniture-heaven-ecommerce

An ecommerce website ideal for shopping stuff to decorate your home interiors
https://github.com/knightcube/furniture-heaven-ecommerce

Last synced: 25 days ago
JSON representation

An ecommerce website ideal for shopping stuff to decorate your home interiors

Host: GitHub
URL: https://github.com/knightcube/furniture-heaven-ecommerce
Owner: knightcube
Created: 2023-10-04T10:49:46.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-11-21T02:36:31.000Z (12 months ago)
Last Synced: 2023-11-21T03:31:52.103Z (12 months ago)
Language: JavaScript
Homepage: https://furniture-heaven-ecommerce.vercel.app/
Size: 21 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Furniture Heaven E-commerce

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) 

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Vercel](https://therealsujitk-vercel-badge.vercel.app/?app=furniture-heaven-ecommerce)

[![GitHub Stars](https://img.shields.io/github/stars/knightcube/furniture-heaven-ecommerce.svg)](https://github.com/knightcube/furniture-heaven-ecommerce/stargazers)

[![GitHub Forks](https://img.shields.io/github/forks/knightcube/furniture-heaven-ecommerce.svg)](https://github.com/knightcube/furniture-heaven-ecommerce/network/members)

[![GitHub Issues](https://img.shields.io/github/issues/knightcube/furniture-heaven-ecommerce.svg)](https://github.com/knightcube/furniture-heaven-ecommerce/issues)

## Live Demo 

* Deployed here - https://furniture-heaven-ecommerce.vercel.app/

## What it looks like right now?

![Mock up Design](https://github.com/knightcube/furniture-heaven-ecommerce/blob/main/mockups/FurnitureHeaven.gif?raw=true)

## Project Tech Stacks

The repository contains code for different tech stacks in different branches:-

* MERN stack Branch - [mern-stack](https://github.com/knightcube/furniture-heaven-ecommerce/tree/mern-stack)

   * Frontend - React

   * Backend - NodeJS, Express, MongoDB

* Flask Backend Branch - [flask-backend](https://github.com/knightcube/furniture-heaven-ecommerce/tree/flask-backend)

   * Frontend - React

   * Backend - Flask (Python)

## Table of Contents

- [Introduction](#introduction)

- [Feature Requirements](#features)

- [Technology Stack](#technology-stack)

- [Creative Stack](#creative-stack)

## Introduction

Furniture Heaven E-commerce is a web application that combines the convenience of online furniture shopping with an immersive 3D model apartment viewing experience. 

This project aims to replicate the e-commerce functionality of popular furniture retailers while allowing users to visualize products in real-life settings using interactive 3D models.

## Feature Requirements

- ✅ Landing Page

- Browse and search for furniture and home decor products.

- View 3D model apartments with interactive 3D models.

- User registration and authentication.

- User profiles to manage preferences and view order history.

- Intuitive search and navigation features.

- Product reviews and ratings.

## Technology Stack

* Frontend: 

   * [TypeScript](https://www.typescriptlang.org/)

   * [React.js](https://react.dev/)

   * [Material UI](https://mui.com/material-ui/)

   * 3D Rendering 

      * [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction) (and [Three.js](https://threejs.org/))

      * [React Three Drei](https://www.npmjs.com/package/@react-three/drei)

   * [Vite](https://vitejs.dev/) (much faster than `create-react-app`)

## Creative Stack

* UI/UX Design:

   * [Figma](https://www.figma.com/) - _I designed these mockups_:- https://www.figma.com/file/AyEydFfSWZ2HRJkNo0oW1e/Furniture-Heaven-3D?type=design&node-id=0%3A1&mode=design&t=5Rg9xU3lvSt4kzEE-1

   * [Unsplash](https://unsplash.com) - To use stock images

* 3D Modelling:

   * [Blender](http://blender.org/) - _I made a 3D Model of my own room in Blender👇_

   ![Mock up Design](https://github.com/knightcube/furniture-heaven-ecommerce/blob/main/client/src/assets/room_miniature_1.png?raw=true)