https://github.com/noile-arch/otakusage-bot

a simple Next.js bot + Cron-Jobs that generates random anime quote every minute
https://github.com/noile-arch/otakusage-bot

cron-jobs framer-motion nextjs vercel

Last synced: about 2 months ago
JSON representation

a simple Next.js bot + Cron-Jobs that generates random anime quote every minute

• Host: GitHub
• URL: https://github.com/noile-arch/otakusage-bot
• Owner: Noile-Arch
• Created: 2025-01-12T12:49:41.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-01-20T19:23:40.000Z (over 1 year ago)
• Last Synced: 2025-03-17T08:47:44.671Z (over 1 year ago)
• Topics: cron-jobs, framer-motion, nextjs, vercel
• Language: TypeScript
• Homepage: https://otakusage-bot.vercel.app
• Size: 81.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌸 AnimeQuote.AI

A cyberpunk-themed anime quote generator built with Next.js, featuring real-time updates and a futuristic UI.

![AnimeQuote.AI Screenshot](screenshot.png)

## ✨ Features

- 🤖 Cyberpunk-inspired design

- 🔄 Real-time quote updates

- ⚡ Server-side quote generation

- 🎭 Animated transitions

- 📱 Responsive layout

- 🌙 Dark mode optimized

## 🛠️ Tech Stack

- **Framework**: Next.js 15

- **Styling**: Tailwind CSS

- **Animations**: Framer Motion

- **State Management**: React Hooks

- **HTTP Client**: Axios

- **Deployment**: Vercel

## 🚀 Getting Started

1. **Clone the repository**

2. **Install dependencies**

3. **Run the development server**

4. **Run the development server**

5. **Open [http://localhost:3000](http://localhost:3000)**

## 🔧 Configuration

### Cron Job Setup

The application uses a cron job to update quotes periodically:

1. Visit [cron-job.org](https://cron-job.org)

2. Create a new cron job

3. Set URL to: `https://your-app.vercel.app/api/bot`

4. Set Method to: `POST`

5. Set interval to desired frequency (e.g., every minute)

## 📦 Project Structure

## 🎨 Customization

- Add quotes in `src/data/quotes.ts`

- Modify the cyberpunk theme in `globals.css`

- Adjust animations in components

## 📄 License

MIT License - feel free to use this project for your own purposes.

## 🙏 Credits

- Quotes sourced from various anime series

- Design inspired by cyberpunk aesthetics

- Built with ❤️ by Elion Kalawa