Skip to content

Latest commit

 

History

History
229 lines (152 loc) · 7.28 KB

README.md

File metadata and controls

229 lines (152 loc) · 7.28 KB

Fashion Frenzy

Fashion Frenzy is ECommerce Website & is a clone of Anthropologie. With a vast collection of products of fashion and clothing, we offer a seamless shopping experience. Our user-friendly interface and secure payment options ensure a hassle-free shopping experience for our customers. Shop with us today and discover the convenience of online shopping!

Deployed Link

Visit:https://faishonfrenzyecom.vercel.app/

Clone of Anthropologie

Anthropologie is a unique, full-lifestyle shopping destination, with a mostly exclusive assortment of clothing, shoes, accessories, beauty, furniture, home décor, garden, bridal, and more.

Functionalities

  1. Admin Page
  2. Cart Functionality (like adding an item and removing)
  3. Login and Sign Up
  4. Product Page (with Sorting)

Our Mission

Home Page

image image

Admin Page (Add,Edit and Delete Product )

image

Product Page

image

image image

SingleProduct Page

image image

Cart Page

image image

SignIn Page

image image

Tech Stack

Front-End

  • HTML
  • CSS
  • JavaScript
  • React

Back-End

  • NodeJS
  • Express
  • MongoDB

External CSS Library

-Chakra UI

#Front-End Deployment - netlify #Back-End Deployment - Cyclic

Note

This website is fully mobile friendly. You can use this website in mobile, tablet either desktop as well as. You feels very nice when you are using this website.

Things Used We using different kinds of the technologies to make this website. These things are as follows:

  • Javascript, React, Readux, Chakra UI, CSS, HTML etc.

Contributers

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Folder Structure and Packages

==>Before you start:

  • We have already created all the folders which you will need during journey.

  • WE have already setup all the things related to redux, .env, Chakra UI and react-router-dom You guys have to just start developments.

  • Also given you sample Navbar and Footer components so that you get comfortable about folder components export.

  • You will get all the routing files in Mainroutes folder.

  • You can also use context-api if needed.

  • All the end-points and base-url is in env files.

=> Clone the directory to start work $git clone https://github.com/suhail3535/alive-run-138

=> Ok guys here are the some basic instruction before you start , If you are here you are successfully pulled the code and you are ready to type you first command in terminal.

Step-1- Navigate to proeject directory using $cd alive-run-138

Step-2- install node_modules using $cd npm install

  • It will install some common dependencies:-
    • $npm install react-router-dom redux react-redux redux-thunk axios
    • $npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion

=> Some helpful Tools during development :
- Chakra-UI - https://chakra-ui.com/
- Chakra-Templets - https://chakra-templates.dev/#
- String Builder - https://codebeautify.org/string-builder
- Chat-gpt - https://chat.openai.com/chat
- Your-Team-members- https://chat.whatsapp.com/KR80RM0zbWi6agJVFL66Z9

DATABASE SCHEMAS

/user

|GET
`/user`-------> |POST
                |-----> `/user/register`  //for registering user

                   {
                      email:"[email protected]",
                      password:"12345",
                      name: "suhail"
                    }
-------------------------------------------------------------------------------------------------------
                |POST
                |-----> `/user/login`

                   {

                        email:"[email protected]",
                        password:"12234",

                    }

-------------------------------------------------------------------------------------------------------

                |GET
                |---> `/admin`

                  headers:{
                    Authorization:`kjxbjbjxsjbxsbdbxbsaodboaodsbdoubdba`
                    }

 -----------------------------------------------------------------------------------------------------

 # /product

|GET/POST /product---> |GET/PATCH/DELETE |-----------------> /product/:id

        |GET -----> /product?category=kurta

           headers:{

                Authorization:`kjxbjbjxsjbxsbdbxbsaodboaodsbdoubdba`

        }

        |POST --> /product

            [{
                name: "Pilcro The Romy Relaxed Buttondown",
                img: "https://images.urbndata.com/is/image/Anthropologie/4110907290003_019_b2?$a15-pdp-detail-shot$&fit=constrain&fmt=webp&qlt=80&wid=720",
                price: 7399.47,
                Spise: 8057.2 ,
                brand: "Pilcro" ,
                rating: 4.2
            }]

             headers:{

                Authorization:`kjxbjbjxsjbxsbdbxbsaodboaodsbdoubdba`

                }