https://github.com/danielegiidio/anime_finder

Aplicação de animes, utilizando Nextjs 14, server actions, infinite Scroll e Framer Motion Animations
https://github.com/danielegiidio/anime_finder

Last synced: 1 day ago
JSON representation

Aplicação de animes, utilizando Nextjs 14, server actions, infinite Scroll e Framer Motion Animations

• Host: GitHub
• URL: https://github.com/danielegiidio/anime_finder
• Owner: DanielEgiidio
• Created: 2023-12-26T14:42:52.000Z (almost 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-04T00:33:38.000Z (12 months ago)
• Last Synced: 2024-11-06T01:36:40.963Z (about 2 months ago)
• Language: TypeScript
• Homepage: https://anime-finder-projeto.vercel.app/
• Size: 12 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


## 🚀 Info

A aplicação é um uso prática de como podemos criar uma aplicação inteiramente do lado do servidor, utilizando o server actions do Nextjs 14, o diferencial da aplicação é que ela faz uso de um scroll infinito, paginas e mais paginas de cards de animes vão aparecendo a medida que o usuário rola o scroll na pagina, foram usadas animações com framer motion para o usuario ter uma melhor experiencia.

## 👨‍💻 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias e bibliotecas:

- [NEXTJS](https://nextjs.org/)

- [TYPESCRIPT](https://devdocs.io/typescript/)

- [TAILWINDCSS](https://tailwindcss.com/)

- [SERVER ACTIONS](https://nextjs.org/docs/app/api-reference/next-config-js/serverActions)

- [FRAMER MOTION](https://www.framer.com/motion/)

- [REACT INTERSEC OBSERVER](https://www.npmjs.com/package/react-intersection-observer)

## ⚙️ Como rodar o projeto

Você pode acessar a aplicação Web onde foi feito deploy na Vercel utilizando as estrategias de CI/CD, ou roda-la localmente seguindo os procedimentos abaixo;

- [Aplicação Web](https://anime-finder-project.vercel.app/)

```sh

$ cd anime_finder

$ npm install 

$ npm run dev

```