AnimeTracker is a sleek, modern web application built with Nuxt, designed to help you keep track of your favorite anime. Search for upcoming series, track your progress episode by episode, and never miss a beat in your anime journey.
- 🔍 Smart Search: Effortlessly search for any anime using the Jikan API (MyAnimeList).
- 📝 Personal List: Add anime to your personal tracking list with a single click.
- 📈 Progress Tracking: Keep track of the episodes you've watched.
- 📱 PWA Ready: Install the app on your device for a native-like experience.
- 🎨 Premium UI: Beautiful, dark-themed interface built with Nuxt UI and Tailwind CSS.
- 💾 Auto-Save: Your list is automatically saved to local storage.
- Framework: Nuxt 4
- UI Components: Nuxt UI
- Styling: Tailwind CSS
- Animations: GSAP & AutoAnimate
- API: Jikan API
- Validation: Zod
- PWA: @vite-pwa/nuxt
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun installStart the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run devBuild the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run buildLocally preview the production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run previewThis project is licensed under the MIT License - see the LICENSE file for details.
Developed with ❤️ by Mauro