Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jairodoni/coffee-delivery
Um projeto desenvolvido durante o Bootcamp Ignite da Rocketseat, o projeto "Coffee Delivery" é um projeto que simula um e-commerce de venda de cafés por entrega.
https://github.com/jairodoni/coffee-delivery
ignite-rocketseat reacthookform reactjs rocketseat styled-components vite
Last synced: 15 days ago
JSON representation
Um projeto desenvolvido durante o Bootcamp Ignite da Rocketseat, o projeto "Coffee Delivery" é um projeto que simula um e-commerce de venda de cafés por entrega.
- Host: GitHub
- URL: https://github.com/jairodoni/coffee-delivery
- Owner: jairodoni
- License: mit
- Created: 2023-07-16T20:40:04.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-11-15T19:56:18.000Z (about 1 year ago)
- Last Synced: 2024-11-23T15:39:04.570Z (3 months ago)
- Topics: ignite-rocketseat, reacthookform, reactjs, rocketseat, styled-components, vite
- Language: TypeScript
- Homepage: https:/coffee-delivery-ecomerce.vercel.app
- Size: 2.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![]()
[![Licence](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)](LICENSE.md)
![]()
![]()
![]()
![]()
![]()
Preview |
Projeto |
Layout |
Tecnologias |
Executando |
Referências |
Autor
![]()
## **✨ Preview**
#### Sistema Online: https://coffee-delivery-ecomerce.vercel.app
---
## **💻 Projeto**
Um projeto desenvolvido durante o Bootcamp Ignite da Rocketseat, o projeto "Coffee Delivery" é um projeto que simula um e-commerce de venda de cafés por entrega.
---
## **🔖 Layout**
Você pode visualizar o layout do projeto no formato através [desse link](). Lembrando que você irá precisar ter uma conta no [Figma](http://figma.com/).
#### **Web**
![]()
![]()
![]()
---
## **💻 Tecnologias**
#### **Website** ([React][react])
- **[React][react]**
- **[Typescript][typescript]**
- **[Vite][vite]**
- **[Styled Components][styled_components]**
- **[React Hook Form][react_hook_form]**
- **[JSON Sserver][json_server]**
- **[Node v18.16.1][node]**> \* Veja o arquivo [package.json](./package.json)
#### **Utilitários**
- Editor: **[Visual Studio Code][vscode]**
- Markdown: **[StackEdit][stackedit]**, **[Markdown Emoji][markdown_emoji]**---
## **🚀 Como executar o projeto**
### Configurações Iniciais
Primeiro, você precisa ter o [NodeJS](https://nodejs.org/en/download/) instalado na sua máquina.
Se você estiver utilizando o **Linux**, você pode optar por instalar o **Node** através do gerênciador de versões [nvm] para caso seja nescessario alterar a sua versão do **Node** para uma versão mais antiga ou mais nova.
Você pode optar também por utilizar o **yarn** no lugar do **npm**. Você pode instalar clicando nesse [link][yarn].
Após ter o **Node** instalado, instale as dependências do **React** contidas nos arquivos `package.json` que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:
```sh
$ npm install# ou
$ yarn
```> Veja a parte de **scripts {}** do arquivo [package.json](./package.json) para saber quais scripts estão disponíveis.
### Executando JSON Server
```sh
# Executando o JSON Server:
$ npm run server# ou
# Executando o JSON Server:
$ yarn server
```---
### Executando o WebSite
```sh
# Executando o website em outra aba de terminal:
$ npm run dev# ou
# Executando o website em outra aba de terminal:
$ yarn dev
```> Se o browser não abrir automaticamente, acesse: http://localhost:5173.
---
## **📚 Referências**
- [Blog Rocketseat](https://blog.rocketseat.com.br/)
- [ReactJS](https://reactjs.org/docs/getting-started.html) | [ReactJS pt-BR](https://pt-br.reactjs.org/docs/getting-started.html)
- [Node](https://nodejs.org/en/)## **👨🚀 Autor**
👋 Entre em contato!
[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=for-the-badge&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jairodoni/)](https://www.linkedin.com/in/jairodoni/)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])## **:memo: Licença**
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.
[rocketseat_site]: https://rocketseat.com.br/
[repository_license_badge]: https://img.shields.io/github/license/JairoDoni/NLW-1.0
[web_react_badge]: https://img.shields.io/badge/web-react-blue
[typescript]: https://www.typescriptlang.org/pt/[react]: https://reactjs.org/
[vite]: https://vitejs.dev
[styled_components]: https://styled-components.com
[zod]: https://zod.dev
[json_server]: https://github.com/typicode/json-server
[react_hook_form]: https://www.react-hook-form.com
[node]: https://nodejs.org/en/
[nvm]: https://github.com/nvm-sh/nvm
[vscode]: https://code.visualstudio.com/
[react_native]: http://www.reactnative.com/
[stackedit]: https://stackedit.io
[markdown_emoji]: https://gist.github.com/rxaviers/7360908
[react_icons]: https://react-icons.github.io/react-icons/
[typescript]: https://www.typescriptlang.org/
[asdf]: https://github.com/asdf-vm/asdf
[yarn]: https://classic.yarnpkg.com/en/docs/install/#debian-stable
[webpack]: https://webpack.js.org