https://github.com/evandrocalado/comfy-store
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.
https://github.com/evandrocalado/comfy-store
eslint prettier react reactquery redux tailwindcss typescript
Last synced: about 1 month ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/evandrocalado/comfy-store
- Owner: EvandroCalado
- Created: 2024-01-02T00:29:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-26T14:05:12.000Z (about 1 year ago)
- Last Synced: 2025-02-13T10:19:40.733Z (3 months ago)
- Topics: eslint, prettier, react, reactquery, redux, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://comfy-store-tau.vercel.app
- Size: 1.02 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Comfy Store
Loja online
E-commerce construído em React com Vite, Tailwind CSS com Daisy UI, TypeScript, Redux e React Query.
[](#table-of-contents)
🧩 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.***
## 🚀 Resultados
> Todos os resultados foram alcançados com sucesso. De modo geral são esses os resultados de cada requisição.
## Front-end
### 🤳🏻 Mobile
Home | Sobre | Entrar | Registro |
|---|---|---|---|
| 
| 
| 
[](#table-of-contents)
### 💻 Desktop
Home | Produtos | Carrinho |
|---|---|---|
| 
| 
## 🧪 Dependências
> Requisitos para rotar o codigo...
## `📖 Instalação`
> Com o git instalado.
```
git clone https://github.com/EvandroCalado/comfy-store
```
> Com o node instalado.
```
npm install
```
## `📖 Scripts`
```JSON
"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`
```JSON
"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`
```JSON
"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 Melhoras
> 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 ](https://www.linkedin.com/in/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](https://www.linkedin.com/in/evandro-calado/) 😁*** |
|---|---|