Loja online
E-commerce construído em React com Vite, Tailwind CSS com Daisy UI, TypeScript, Redux e React Query.
🧩 Introdução | 🚀 Resultados | 🧪 Dependências | 💡 Possíveis Melhorias | 🏆 Créditos
⠀⠀⠀⠀Bem-vindo ao Comfy Store! Este é um projeto de e-commerce construído em React com Vite, utilizando Tailwind CSS com Daisy UI para estilização, TypeScript para tipagem, Redux para gerenciamento de estado e React Query para facilitar o gerenciamento de dados assíncronos. Possue integração com API feita com strapi CMS.
Todos os resultados foram alcançados com sucesso. De modo geral são esses os resultados de cada requisição.
| Home | Sobre | Entrar | Registro |
|---|---|---|---|
| Home | Produtos | Carrinho |
|---|---|---|
Requisitos para rotar o codigo...
Com o git instalado.
git clone https://github.com/EvandroCalado/comfy-store
Com o node instalado.
npm install
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview",
"test": "vitest",
"test:ui": "vitest --ui",
"coverage": "vitest run --coverage"
},
"dependencies": {
"@reduxjs/toolkit": "^1.9.5",
"@tanstack/react-query": "^4.32.6",
"@tanstack/react-query-devtools": "^4.32.6",
"axios": "^1.4.0",
"dayjs": "^1.11.9",
"lucide-react": "^0.303.0",
"nookies": "^2.5.2",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-hot-toast": "^2.4.1",
"react-icons": "^4.10.1",
"react-redux": "^8.1.2",
"react-router-dom": "^6.14.2",
"tailwind-merge": "^2.2.0"
},
"devDependencies": {
"@tailwindcss/typography": "^0.5.10",
"@testing-library/jest-dom": "^6.2.0",
"@testing-library/react": "^14.1.2",
"@types/jest": "^29.5.11",
"@types/react": "^18.2.43",
"@types/react-dom": "^18.2.17",
"@typescript-eslint/eslint-plugin": "^6.17.0",
"@typescript-eslint/parser": "^6.17.0",
"@vitejs/plugin-react": "^4.2.1",
"@vitest/coverage-v8": "^1.2.0",
"@vitest/ui": "^1.2.0",
"autoprefixer": "^10.4.16",
"daisyui": "^4.4.24",
"eslint": "^8.56.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-prettier": "^5.1.2",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"install": "^0.13.0",
"jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0",
"npm": "^10.2.5",
"postcss": "^8.4.32",
"prettier": "^3.1.1",
"prettier-plugin-tailwindcss": "^0.5.10",
"redux-mock-store": "^1.5.4",
"tailwindcss": "^3.4.0",
"ts-jest": "^29.1.1",
"typescript": "^5.2.2",
"vite": "^5.0.8",
"vitest": "^1.2.0"
}
Possíveis melhorias no código e no projeto, caso queira voltar e melhorá lo.
⠀⠀⠀⠀Atualmente, estou enfrentando desafios ao testar o código com o React Router Dom usando os novos loaders e actions. Além disso, estou encontrando dificuldades para integrar o Storybook com a DaysiUi. Estou ciente desses problemas e pretendo abordá-los em breve para garantir um funcionamento adequado. Agradeço a compreensão e paciência, e qualquer contribuição ou sugestão será bem-vinda.
- - Testa todo o código.
- - Adicionar Storybook para vizualização dos componentes com DaysiUI
Evandro Calado |
Hello 😃 Se você chegou até aqui, acredito que gostou do meu projeto, nesse caso temos algo em comum, sendo assim que tal conversamos um pouco? Me chama no linkedin 😁 |
|---|
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent