Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kiyoponn/advice-generator

💠 Advice generator using openai text completions
https://github.com/kiyoponn/advice-generator

astrojs master-css openai-api reactjs typescript vercel

Last synced: 28 days ago
JSON representation

💠 Advice generator using openai text completions

Awesome Lists containing this project

README

        

# **Advice Generator**

A simple advice generator app using [Astro](https://astro.build) with [React](https://beta.reactjs.org) components.

## ⚙️ Utilities

- [MasterCSS](https://css.master.co) for building UI.
- [OpenAI API](https://openai.com/api) language processing services for understanding, generating, and summarizing human-like text.
- [React Loading Icons](https://github.com/dkress59/react-loading-icons) for loading icons.
- [Prettier](https://prettier.io) for code formatting
- [Vercel](https://vercel.com) cloud platform for hosting websites.

## 🎨 Design

Source: frontendmentor's [advice generator app](https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db)

## 📁 Folder Structure

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

## ✅ Run Locally

Clone the project

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

Go to the project directory

```bash
cd advice-generator
```

Install dependencies

```bash
pnpm install
```

Start dev server

```bash
pnpm dev
```