Advice Generator

A simple advice generator app using Astro with React components.

⚙️ Utilities

• MasterCSS for building UI.
• OpenAI API language processing services for understanding, generating, and summarizing human-like text.
• React Loading Icons for loading icons.
• Prettier for code formatting
• Vercel cloud platform for hosting websites.

🎨 Design

Source: frontendmentor's advice generator app

📁 Folder Structure

/
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
│       └── api/
└── package.json

✅ Run Locally

Clone the project

  git clone https://github.com/Kiyoponn/advice-generator.git

Go to the project directory

  cd advice-generator

Install dependencies

  pnpm install

Start dev server

  pnpm dev