Skip to content

Latest commit

 

History

History
204 lines (128 loc) · 5.58 KB

README.md

File metadata and controls

204 lines (128 loc) · 5.58 KB
Raw

Furni_Flex

Introduction

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.

Project Type

Frontend:

The project is a primarily front-end project which utilizes a mock server to simulate back-end.

Deplolyed App

Frontend: https://furniflexrct.netlify.app/

Backend: https://furni-flex-6.onrender.com/

Furni_Flex

Features

  • 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

Design Decisions or Assumptions

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

Installation & Getting started

To run the frontend website, enter the following commands in your terminal:

Move into the FrontEnd directory

cd FrontEnd/

Install all dependencies

npm install

Run the dev server

npm run dev

Directory Structure

├── 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

Video Walkthrough of the project

A detailed walkthrough of all the features of our project can be found here:

https : https://www.youtube.com/watch?v=-jdGpFiEB0g

Screenshots

image

image

image

image

image

image

image

image

image

image

image

image

image

Responsive

image

image

image

image

Tech Stack

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

How to Use

To run this project locally:

  1. Clone this repository to your local machine.
  2. Open Frontend folder in terminal
  3. Install npm packages using npm -i
  4. run command npm run dev
  5. Explore the Furni_Flex website experience right from your device.

Contributors

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Inspired by GodrejInterior original website.