https://github.com/marcosmaio/audiophile-ecommerce

Projeto de site proprio - Finalizado
https://github.com/marcosmaio/audiophile-ecommerce

formik framer-motion javascript react-hooks react-router reactjs tailwind-css typescript vite

Last synced: 3 months ago
JSON representation

Projeto de site proprio - Finalizado

• Host: GitHub
• URL: https://github.com/marcosmaio/audiophile-ecommerce
• Owner: MarcosMaio
• Created: 2023-11-23T00:41:44.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-23T01:35:02.000Z (over 2 years ago)
• Last Synced: 2025-04-03T01:17:42.854Z (about 1 year ago)
• Topics: formik, framer-motion, javascript, react-hooks, react-router, reactjs, tailwind-css, typescript, vite
• Language: TypeScript
• Homepage: https://audiophile-ecommerce-lake.vercel.app/
• Size: 7.54 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Audiophile Ecommerce Website

Projeto de site E-commerce produzido a fim de concluir o desafio do site FrontEnd Mentor: https://www.frontendmentor.io/challenges/audiophile-ecommerce-website-C8cuSd_wx.

Oque foi proposto pelo desafio já foi concluido porém eu ainda não finalizei o projeto quero ainda consertar alguns bugs e fazer algumas alterações e adições de novas funcionalidades. 

segue abaixo o resumo de algumas partes da aplicação:

![site illustrato](https://tinypic.host/images/2023/11/23/Capture.png)

![site illustrato](https://tinypic.host/images/2023/11/23/codigo-3.png)

![site illustrato](https://tinypic.host/images/2023/11/23/codigo-4.png)

![site illustrato](https://tinypic.host/images/2023/11/23/codigo-5.png)

![site illustrato](https://tinypic.host/images/2023/11/23/codigo-6.png)

# Funcionalidades:

🛒 Compras perfeitas: Encontre o equipamento de áudio desejado e compre-o sem esforço.

📦 Seleção de Quantidade: Escolha a quantidade que atende às suas necessidades.

🛍️ Processo de checkout tranquilo: uma experiência de checkout descomplicada para uma compra rápida e segura.

🚀 Construído com React, TypeScript, Formik, Tailwind CSS e Framer Motion para uma experiência de usuário moderna e dinâmica.

# Tecnologias

- _Vite_

- _React_

- _Typescript (TSX)_

- _TailwindCss_

- _Formik_

- _React Hooks (useState)_

- _framer-motion_

- _react-router_