https://github.com/pejamp/ignite-shop-ignite-challenge
Challenge NextJS
https://github.com/pejamp/ignite-shop-ignite-challenge
axios nextjs radix-ui stitches stripe typescript
Last synced: about 2 months ago
JSON representation
Challenge NextJS
- Host: GitHub
- URL: https://github.com/pejamp/ignite-shop-ignite-challenge
- Owner: pejamp
- Created: 2024-01-20T23:48:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-28T16:48:03.000Z (over 1 year ago)
- Last Synced: 2025-02-11T21:12:16.419Z (3 months ago)
- Topics: axios, nextjs, radix-ui, stitches, stripe, typescript
- Language: TypeScript
- Homepage: https://ignite-shop-ignite-challenge.vercel.app
- Size: 2.01 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Challenge React
# Ignite Shop
Ignite Shop é uma aplicação web para compras de produtos. Nesse desafio, tenho como principal objetivo implementar um carrinho de compras com as seguintes funcionalidades:
- Adicionar o item da página inicial e produto ao carrinho.
- Salvar todos os itens selecionados, e exibir o número de itens no carrinho
- Enviar o carrinho armazenado na aplicação para a rota de checkout, onde irá gerar a sessão de checkout com os ``line_items`` necessários.
Nesse desafio busco reforçar meus conhecimentos sobre NextJS.
- Fetch / Axios
- Stripe
- Stitches
## 🛠️ Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [NextJS](https://nextjs.org/docs)
- [TypeScript](https://www.typescriptlang.org/)
- [axios](https://axios-http.com/docs/intro)
- [stripe](https://stripe.com/en-mx?utm_campaign=BR_en_Search_Brand_Brand_EXA-15088005049&utm_medium=cpc&utm_source=google&ad_content=556495423089&utm_term=stripe&utm_matchtype=e&utm_adposition=&utm_device=c&gclid=Cj0KCQiAqsitBhDlARIsAGMR1RgHOUtZzbn83Uy4bAiBXiZOAUyQR6nG9XyhqT2pivpChRty_8Tx4ncaAq_yEALw_wcB)
- [keen-slider](https://keen-slider.io/)
- [stitches](https://stitches.dev/)
- [radix-ui/react-dialog](https://www.radix-ui.com/primitives/docs/components/dialog)
## 🚀 Como executar
Clone o projeto e acesse a pasta do mesmo.
```bash
$ git clone https://github.com/pejamp/ignite-shop-ignite-challenge
$ cd ignite-shop-ignite-challenge
```
Para iniciá-lo, siga os passos abaixo:
```bash
# Instalar as dependências
$ npm install
# Iniciar o projeto
$ npm run dev
```
## 🌐 Projeto
- [Deploy](https://ignite-shop-ignite-challenge.vercel.app/)
## 👨💻 Autor
## Contact me!
[](https://www.linkedin.com/in/pedro-rodrigues-3a3647176/)
[](mailto:[email protected])
