Furni-Flex is furniture brand in both home and institutional segments. Furni-Flex is an e-commerce website that sells furniture realted things like chairs , sofa ,tables and many more.You can buy any furniture product from the website.
Frontend:
The project is a primarily front-end project which utilizes a mock server to simulate back-end.
Frontend: https://furniflexrct.netlify.app/
Backend: https://furni-flex-6.onrender.com/
- Responsive and dynamic website
- User authentication
- Admin Dashboard and CRUD Operations
- Coupons generation
- Added property to favorites
- Search and filter property using search param
- Private routes
- Cart functionality
The project is a clone of the popular furniture-buying website Godrej Interior. To facilitate the proper design and flow of our project following assumptions were made :
- One admin for all CRUD operations instead of multiple admins and super admin
- One wishlist per user
- User must be logged in to access the wishlist or add property to the wishlist
- Admin user does not need to access the main website and is redirected to the admin dashboard
To run the frontend website, enter the following commands in your terminal:
cd FrontEnd/
npm install
npm run dev
├── Backend
│ ├── .gitignore
│ ├── db.json
│ ├── package-lock.json
│ ├── package.json
│ └── server.js
├── Frontend
│ ├── public
│ ├── src
│ │ ├── assets
│ │ └── components
│ │ ├── Admin
│ │ │ ├── Dashboard
│ │ │ └── Sidebar
│ │ │ ├── Admin.jsx
│ │ │ ├── Cart.jsx
│ │ │ ├── Category.jsx
│ │ │ ├── Chairs.jsx
│ │ │ ├── Curtains.jsx
│ │ │ ├── Footer.jsx
│ │ │ ├── Homepage.jsx
│ │ │ ├── Login.jsx
│ │ │ ├── Navbar.css
│ │ │ ├── Navbar.jsx
│ │ │ ├── Payment.jsx
│ │ │ ├── ProductCard.jsx
│ │ │ ├── Screenshot 2024-06-15 at 1.13.43 AM.png
│ │ │ ├── Signup.jsx
│ │ │ ├── Sofas.jsx
│ │ │ ├── Tables.jsx
│ │ │ ├── Wardrobes.jsx
│ │ │ └── WhatsApp Image 2024-06-23 at 11.53.48 AM.jpeg
│ ├── redux
│ │ ├── App.css
│ │ ├── App.jsx
│ │ ├── UserContext.jsx
│ │ ├── index.css
│ │ └── main.jsx
├── .gitignore
└── README.md
A detailed walkthrough of all the features of our project can be found here:
https : https://www.youtube.com/watch?v=-jdGpFiEB0g
The tech stack used for the project:
FrontEnd :
- React js
- Redux
- JSX
- HTML
- CSS
- Javascript
- Chakra UI
Backend :
- JSON-server and Json-server-auth
- used rendor.com website
To run this project locally:
- Clone this repository to your local machine.
- Open Frontend folder in terminal
- Install npm packages using npm -i
- run command npm run dev
- Explore the Furni_Flex website experience right from your device.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by GodrejInterior original website.