Desenvolver um site de comércio eletrônico pode ser um desafio, mas também é uma das experiências mais gratificantes quando está concluído. Eu tive a oportunidade de passar por essa experiência e gostaria de compartilhar a minha visão.
Desenvolver um site de comércio eletrônico pode ser um desafio, mas também é uma das experiências mais gratificantes quando está concluído. Eu tive a oportunidade de passar por essa experiência e gostaria de compartilhar a minha visão.
Em seguida, todo o design do site precisou ser criado. Desde a escolha das cores até a criação do logotipo, tudo foi pensado com muito cuidado para garantir que o design fosse atrativo e fácil de navegar.
A próximaapa foi o desenvolvimento do site Utilizando as tecnologias mais atualizadas, o site foi criado para ter uma boa performance e ser facilmente acessível por qualquer dispositivo eletrônico.
Por fim, a criação do catálogo de produtos foi concluída. Nessa etapa, trabalhamos com diferentes lojas online para integrar um grande número de produtos em nossa plataforma. Isso exigiu muita dedicação e trabalho em equipe, mas no final o resultado foi incrível.
Desenvolver um site de comércio eletrônico pode ser um grande desafio, mas quando todo o processo é concluído e o site está no ar, a sensação de realização é inesquecível. Além disso, saber que o site está ajudando a conectar consumidores a uma variedade de produtos em uma única plataforma é muito gratificante.
Utilizei como tecnologia Vite, ReactJS, ContextAPI, React Hooks, Styled Components, Zod, React Hook Form, etc.
Esse projeto foi desenvolvido com as seguintes tecnologias:
- Vite
- ReactJS
- TypeScript
- Styled Components
- Phosphor Icons
- React Hook Form
- Zod
- React Router
- Immer
- Polished
Você pode visualizar o layout e o deploy do projeto através do link abaixo:
Lembrando, para visualizar o layout do figma, que você precisa ter uma conta no Figma.
Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:
Segue os comandos para baixar e executar o projeto na sua máquina:
## Clone o projeto em sua máquina
git clone https://github.com/tuiusx/coffee-delivery.git
# Acessar o projeto no terminal
$ cd coffee-delivery
# Instalar as dependências
$ npm install
# Executar o servidor em modo de desenvolvimento
$ npm run dev
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito com ❤️ por Ricardo Martins