Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/metsanpeitto/react-redux_une-felt_e-commerce

E-commerce and blog created to promote and share the creations of the Taiwanese artist Ponpon.
https://github.com/metsanpeitto/react-redux_une-felt_e-commerce

css design-system expressjs figma html5 nodejs react redux stripe ui-design woocommerce wordpress

Last synced: about 3 hours ago
JSON representation

E-commerce and blog created to promote and share the creations of the Taiwanese artist Ponpon.

Awesome Lists containing this project

README

        

# UNE felt - Ecommerce

![Microverse](https://img.shields.io/website?url=https%3A%2F%2Fimg.shields.io%2Fwebsite%2Fhttp%2Fwww.une.waldenberginc.com%2Findex.html.svg.)

This App is a eCommerce and blog created to promote and share the creations of
the Taiwanese artist Ponpon.

The App design was created by me, using Figma to create the design system and using
SCSS to apply it. You can visit the design system and case study in the following link:

[Case study](https://uxfol.io/project/034b93cd/Une-Felt-Case-Study)

The eCommerce part was created using ReactJs and Redux in the frontend and uses Wordpress
and Woocommerce in the backend. For the payments Stripe payment was implemented.

The blog part, uses Wordpress as well, in a way of giving easy access to all the advantages
that the environment provides out of the box.

### Deployed App

[Une](https://une.waldenberginc.com/)

=======

### Screenshots

Main page

![https://i.imgur.com/UKrStub.png](https://i.imgur.com/UKrStub.png)

Gallery

![https://i.imgur.com/kt9n4EJ.jpg](https://i.imgur.com/kt9n4EJ.jpg)

Details page

![https://i.imgur.com/vfnlbin.png](https://i.imgur.com/vfnlbin.png)

### Built With

- HTML/CSS
- React.JS
- Redux
- Node.JS
- Wordpress
- WooCommerce
- Figma
- Scss
- Stripe

### Getting Started

If you want a copy of this file go to the github repository and download it from there

- [`https://github.com/Metsanpeitto/react-une-felt`](https://github.com/Metsanpeitto/react-une-felt)

### Setup

```cmd
git clone https://github.com/Metsanpeitto/react-une-felt.git
cd ./react-une-felt
```

### Install

```cmd
npm install
```

### Usage

```cmd
npm start
```

### Verify linters

```cmd
npx eslint .
npx stylelint "**/*.{css,scss}"
```

### Autofix linters errors

```cmd
npx eslint . --fix
npx stylelint "**/*.{css,scss}" --fix
```

### Prerequisites

- Node.JS

### Design

[Case study](https://uxfol.io/project/034b93cd/Une-Felt-Case-Study)

## Authors

👤 **Abraham Rodriguez**

- GitHub: [@metsanpeitto](https://github.com/Metsanpeitto)
- LinkedIn: [Abraham Rodriguez](https://www.linkedin.com/in/abraham-rodriguez-3283a319a/)
- Portfolio: [Waldenberg](https://portfolio.waldenberginc.com)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Microverse for helping to improve daily.

[![License: CC BY-NC 4.0](https://licensebuttons.net/l/by-nc/4.0/80x15.png)](https://creativecommons.org/licenses/by-nc/4.0/)
[![License: CC0-1.0](https://licensebuttons.net/l/zero/1.0/80x15.png)](http://creativecommons.org/publicdomain/zero/1.0/)