Shoes Ecommerce

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Frontend

• [React]
• [Tailwindcss]
• [Typescript]
• [Stripe]
• [Phosphor-react]
• [Balancer]

🚀 Como executar

Clone o projeto e acesse a pasta do mesmo

$ git clone https://github.com/Kauacnok/shoes-ecommerce.git

$ cd web
$ npm i (para instalar as dependências)
$ npm run dev

renomeie o env.example para .env e crie uma conta na Stripe e obter os valores STRIPE_PUBLISHABLE_KEY e STRIPE_SECRET_KEY, e o URL_WEBSITE com o app rodando localmente será http://localhost:3000

💻 Projeto

O Shoes Ecommerce é um site que simula a venda de um produto usando a plataforma de pagamento da Stripe no modo de teste.

Feedbacks sempre são bem vindos :)

🔖 Layout

Você pode visualizar o layout do projeto através do link abaixo:

• Acessar o site

📖 O que eu aprendi

Nesse projeto aprendi a utilizar o Stripe como forma de pagamento, também trabalhei com o Next 13 com as novas ideias de estrutura de pasta, o componente de Layout e Loading, e também como é feito para obter os dados agora. E por fim, foquei em fazer um trabalho bem feito no design no Front-End então dei uma atenção a mais em relação ao layout, e também fiz a ideia de Skeleton Loading Layout, que é para carregar o corpo do layout antes de o próprio layout carregar de fato, acredito que fiz um bom trabalho em relação a isso.

📝 License

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.