Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/alfredosumosav/alfredo-merch

E-commerce web application implemented purely on React Hooks with third-party integrations from PayPal, Google Maps and Strapi Headless CMS for handling payments, address location and content consumption, respectively.
https://github.com/alfredosumosav/alfredo-merch

firebase google-maps-api paypal-rest-api react react-hooks store strapi-cms webpack

Last synced: 13 days ago
JSON representation

E-commerce web application implemented purely on React Hooks with third-party integrations from PayPal, Google Maps and Strapi Headless CMS for handling payments, address location and content consumption, respectively.

Awesome Lists containing this project

README

        

# [Alfredo Merch Store](https://alfredomerch.xyz/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/alfredosumosav/alfredo-merch/blob/main/LICENSE) [![Build and Deploy](https://github.com/alfredosumosav/alfredo-merch/actions/workflows/deploy-to-firebase.yml/badge.svg)](https://github.com/alfredosumosav/alfredo-merch/actions/workflows/deploy-to-firebase.yml) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/alfredosumosav/alfredo-merch#contributing)

E-commerce web application implemented purely on React Hooks with third-party integrations from PayPal, Google Maps and Strapi Headless CMS for handling payments, address location and content consumption, respectively.

## How to Install

1. Clone the repository and `cd` into the folder.

```sh
git clone https://github.com/alfredosumosav/alfredo-merch.git && cd alfredo-merch
```

2. Install the project dependencies.

```sh
npm install
```

3. Start the application.

```sh
npm run start
```

4. In your browser, go to `http://localhost:3000` to see the dashboard.

# Usage

Browse through the dashboard and add products to your shopping cart. When you are ready to go throughout the shopping workflow, click on pay and follow the instructions.ß

## Technologies
- [React.js](https://reactjs.org/)
- [Webpack 5](https://webpack.js.org/guides/getting-started/)
- [Axios](https://axios-http.com/)
- [Google Maps API](https://developers.google.com/maps/documentation/javascript/overview/)
- [PayPal API](https://developer.paypal.com)
- [Strapi Headless CMS](https://strapi.io/) Backend
- [React Helmet](https://github.com/nfl/react-helmet#readme)

# Contributing

If someone wants to add or improve something, I invite you to collaborate directly in this repository: [alfredo-merch](https://github.com/alfredosumosav/alfredo-merch)

# License

alfredo-merch is released under the [MIT License](https://opensource.org/licenses/MIT).