Skip to content

amRohitKumar/crwn-clothing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Logo

Crwn-Clothing

Crwn-Clothing is a simple fashion e-commerce website. Users can log in, see various projects, add them to the cart, and buy them.
View Demo  .  Report Bug  .  Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contributing
  5. Contact

About The Project

website-landing-page

Crwn-Clothing is an e-commerce website that provides customers with the latest trends in fashion. With a wide array of stylish clothing, shoes -and accessories.

The website's front end is designed using React framework, and routing is done with the help of React-router-dom. Firebase is used to authenticate the user with the email-password method and Gmail method.

The styled-components package is used for styling the website, which makes styling easier and more efficient. Redux is used for state management to ensure that the website is up-to-date and consistent across all user experiences.

(back to top)

Built With

  • React
  • Redux
  • Styled-Components
  • Firebase
  • React Router

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • node
Install latest node from "https://nodejs.org/en/"
  • npm
npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

  1. Clone the repo

    git clone https://github.com/amRohitKumar/crwn-clothing
  2. Open project directory

    cd crwn-clothing
  3. Install packages

    npm install
  4. Enter your firebaseConfig in src/firebase/firebase.utils.js

    const firebaseConfig = {
         apiKey: "AIa.....",
         authDomain: "dfosd....",
         projectId: "crwn-clothing....",
         storageBucket: "dfoldf...",
         messagingSenderId: "fdoelf...",
         appId: "dowelf:dlfd...."
     };

(back to top)

Usage


  1. Open client
    npm start

Screenshots

website-landing-page         product-page

auth-page         checkout-page


(back to top)

Contributing

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

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Contact

Rohit Kumar - Rohit Kumar - [email protected]

Project Link: https://github.com/amRohitKumar/crwn-clothing

(back to top)