https://github.com/skyv26/base-apparel

MVP challenge from Frontend Mentor to learn React.js. Professional e-commerce website for selling apparel, featuring responsive design, product catalog, cart functionality, and secure checkout. Developed with React.js, showcasing frontend skills and ability to create a user-friendly shopping experience.
https://github.com/skyv26/base-apparel

css3 frontend-mentor frontendmentor-challenge module-css react react-hooks reactjs responsive-design responsive-layout

Last synced: 10 days ago
JSON representation

MVP challenge from Frontend Mentor to learn React.js. Professional e-commerce website for selling apparel, featuring responsive design, product catalog, cart functionality, and secure checkout. Developed with React.js, showcasing frontend skills and ability to create a user-friendly shopping experience.

• Host: GitHub
• URL: https://github.com/skyv26/base-apparel
• Owner: skyv26
• License: other
• Created: 2021-12-01T12:59:23.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-14T06:52:53.000Z (over 1 year ago)
• Last Synced: 2025-01-19T04:55:39.204Z (about 1 month ago)
• Topics: css3, frontend-mentor, frontendmentor-challenge, module-css, react, react-hooks, reactjs, responsive-design, responsive-layout
• Language: CSS
• Homepage: https://mybaseapparel.netlify.app/
• Size: 867 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

  

  


  
Base Apparel




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Setup](#setup)

  - [Install](#install)

  - [Usage](#usage)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 License](#license)

# 📖 Base Apparel 

**Base apparel** is a vanilla js project by adding some interactions and make it fully responsive.

## 🛠 Built With 

### Tech Stack 

  Client

  


    
React.js

  

  


      
CSS

  


### Key Features 

- **Semantic HTML5 markup**

- **CSS custom properties**

- **Flexbox**

- **CSS Grid**

- **Mobile-first workflow**

(back to top)


## 🚀 Live Demo 

- [Live Project](https://mybaseapparel.netlify.app/)

(back to top)


## 💻 Getting Started 

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

### Prerequisites

```

To do this challenge, you need a basic understanding of HTML, CSS and JavaScript

```

### Setup

Clone this repository to your desired folder:

```sh

  cd DESIRED_FOLDER

  git clone https://github.com/skyv26/base-apparel.git

```

### Install

Please install the `React` and dependencies libraries by using below command:

```

yarn install or npm install

```

### Usage

```

Please use the VSCode and with the help of live

server extension run it directly.

```

### Deployment

```

You can deploy this project using gh-pages or other platforms like vercel.

```

(back to top)


## 👥 Authors 

👤 **Aakash Verma**

- GitHub: [@skyv26](https://github.com/skyv26)

- Twitter: [@vrma_aakash](https://twitter.com/vrma_aakash)

- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)

- Frontend Mentor: [@skyv26](https://www.frontendmentor.io/profile/skyv26)

(back to top)


## 🔭 Future Features 

- [ ] **[new_feature_1]**

- [ ] **[new_feature_2]**

- [ ] **[new_feature_3]**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project, show your support by giving a star.

(back to top)


## 🙏 Acknowledgments 

I would like to thank [Frontend Mentor](https://www.frontendmentor.io) 

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)