https://github.com/renovatt/zustand-favorites

Neste projeto, estou estudando o Zustand para gerenciar o estado global relacionado aos meus projetos, implementando a função de favoritar. Utilizo o Zustand para criar uma store customizada chamada useFavoriteStore, onde implemento as ações de adicionar e remover projetos favoritos.
https://github.com/renovatt/zustand-favorites

dynamic-routes next13 nextjs tailwind-css typescript zustand

Last synced: 18 days ago
JSON representation

Neste projeto, estou estudando o Zustand para gerenciar o estado global relacionado aos meus projetos, implementando a função de favoritar. Utilizo o Zustand para criar uma store customizada chamada useFavoriteStore, onde implemento as ações de adicionar e remover projetos favoritos.

• Host: GitHub
• URL: https://github.com/renovatt/zustand-favorites
• Owner: renovatt
• Created: 2023-08-05T18:55:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-05T23:21:18.000Z (over 1 year ago)
• Last Synced: 2024-11-10T22:20:04.518Z (3 months ago)
• Topics: dynamic-routes, next13, nextjs, tailwind-css, typescript, zustand
• Language: TypeScript
• Homepage: https://zustand-favorites.vercel.app
• Size: 863 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        





 


Zustand - Favoritos
 



## Descrição

### Neste projeto, estou estudando o [Zustand](https://zustand-demo.pmnd.rs/) para gerenciar o estado global relacionado aos meus projetos, implementando a função de favoritar. Utilizo o [Zustand](https://zustand-demo.pmnd.rs/) para criar uma store customizada chamada `useFavoriteStore`, onde implemento as ações de adicionar e remover projetos favoritos. Além disso, integro ícones de favoritos nos cards dos projetos para melhorar a experiência do usuário. Também aproveito o Next.js para implementar rotas dinâmicas, permitindo a criação de páginas exclusivas para cada projeto. Com Zustand e Next.js, posso criar uma aplicação web responsiva com gerenciamento eficiente de estado e conteúdo dinâmico.

[Ver Projeto](https://zustand-favorites.vercel.app/)

#

## Layout web

![Web 1](./public/web-1.png)

#

![Web 2](./public/web-2.png)




## 🛠️ Tecnologias

💻 **Front-end**

- [Next.js 13.4](https://nextjs.org)

- [Typescript](https://www.typescriptlang.org)

📚 **Bibliotecas**

- [zustand](https://zustand-demo.pmnd.rs/)

- [react-icons](https://react-icons.github.io/react-icons/)

🎨 **Estilização**

- [tailwindcss](https://tailwindcss.com/docs/installation)

🔋 **Versionamento e Deploy**

- [Git](https://git-scm.com)

- [Vercel](https://vercel.com/)




⚙️ **Configuranções e Instalações**

Clone do Projeto

    $ git clone https://github.com/renovatt/zustand-favorites.git

Instalando as dependências

    $ npm install

Iniciando o projeto

    $ npm run dev




**Como contribuir?**

- Você pode dar suporte me seguindo aqui no GitHub

- Dando uma estrela no projeto

- Criar uma conexão comigo no linkedin fazendo parte da minha networking e curtir o meu projeto.




**Autor**

[Wildemberg Renovato de Lima](https://www.linkedin.com/in/renovatt/)