https://github.com/bartek532/ecommerce-sofa

Scalable template for building e-commerce shops 🛒
https://github.com/bartek532/ecommerce-sofa

cypress datocms firebase html jest nextjs react react-testing-library scss stripe testing typescript

Last synced: 12 days ago
JSON representation

Scalable template for building e-commerce shops 🛒

• Host: GitHub
• URL: https://github.com/bartek532/ecommerce-sofa
• Owner: Bartek532
• Created: 2021-05-11T17:00:30.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-19T12:53:00.000Z (about 3 years ago)
• Last Synced: 2024-10-11T02:26:46.719Z (28 days ago)
• Topics: cypress, datocms, firebase, html, jest, nextjs, react, react-testing-library, scss, stripe, testing, typescript
• Language: TypeScript
• Homepage: https://ecommerce-sofa.vercel.app
• Size: 1020 KB
• Stars: 14
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        






Furniture? Sofa! - e-commerce furniture store project


## Project Overview 🎨

This app is a project for e-commerce furniture store. Made with [SSG](https://www.netlify.com/blog/2020/04/14/what-is-a-static-site-generator-and-3-ways-to-find-the-best-one/) provides very good User Experience. App includes authentication and logged user can choose from many offers, which are fetched from [headless CMS](https://en.wikipedia.org/wiki/Headless_content_management_system). When you find something not working open an [issue](https://github.com/Bartek532/ecommerce-sofa/issues) or directly make a [pull request](https://github.com/Bartek532/ecommerce-sofa/pulls). Enjoy!

## Tech/framework used 🧰

| Tech                                                                                   | Description                                                         |

| -------------------------------------------------------------------------------------- | ------------------------------------------------------------------- |

| [Typescript](https://www.typescriptlang.org/)                                          | Javascript superset language                                        |

| [React](https://reactjs.org/)                                                          | Library for building user interfaces                                |

| [Next](https://nextjs.org)                                                             | Powerful React Framework                                            |

| [Context API](https://reactjs.org/docs/context.html)                                   | React structure that enables to share data with multiple components |

| [SCSS](https://sass-lang.com)                                                          | CSS with superpowers                                                |

| [Styled Components](https://styled-components.com)                                     | CSS-in-JS styling framework                                         |

| [Firebase](https://firebase.google.com)                                                | Powerful for apps that don't use backend (e. g. for authentication) |

| [React Hook Form](https://react-hook-form.com)                                         | Forms with easy-to-use validation                                   |

| [React Select](https://react-select.com)                                               | React library for creating beatiful select inputs                   |

| [Stripe](https://stripe.com)                                                           | Library for easy payment processing                                 |

| [DatoCMS](https://www.datocms.com)                                                     | Complete, user-friendly and performant Headless CMS                 |

| [Jest](https://jestjs.io)                                                              | Javascript Testing Framework                                        |

| [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) | Useful for testing React components                                 |

| [Cypress](https://www.cypress.io/)                                                     | Next generation testing tool (I used it for e2e testing)            |

## Performance 💨








## Installation 💿

```bash

git clone https://github.com/Bartek532/ecommerce-sofa.git

npm install

# set up environment variables

npm run start

```

## Live 🎆

https://ecommerce-sofa.vercel.app

## Credentials 💳

If you don't want to register but you want to see the app in its full glory, use this data:

- Email: [email protected]

- Password: Te$$t1ng