Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        


todo

[![Licence](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)](LICENSE.md)
TypeScript
React
Styled Component
Yarn
Vite
Vercel




Preview  | 


Projeto  | 


Layout  | 


Tecnologias  | 


Executando  | 


Referências  | 


Autor


moveit


## **✨ 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**


Jairo Doni Prudente Junior


Jairo Doni Prudente Junior


👋 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