README.md

Sritrang Assignment

A simple chat web application Nuxt 3 and Vue.js. The chat application should allow users to send and display messages.

Bonus

• Upgrade simple web chat application connect with ChatGPT
• User can select model between Default or ChatGPT

Demo

https://sritrang-order.vercel.app/

Minimum required version

- Node.js 18.x

Setup Local

- git clone https://github.com/nuttaponsrpn/sritrang-order.git
- pnpm install
- pnpm dev

For using ChatGPT Model in Local. Create .env.local with environment below

OPENAI_API_KEY=<Your Open API Key>
PROJECT_ID=<Your Project ID>
GPT_MODEL=<Chat GPT Model>

For more information about ChatGPT
https://platform.openai.com/docs/api-reference/authentication

Test

- pnpm test

Tech stack

• [email protected] - https://nuxt.com/

Nuxt is an open source framework that makes 
web development intuitive and powerful

• [email protected] - https://vuejs.org/

The Progressive
JavaScript Framework
An approachable, performant and versatile framework for building web user interfaces.

• [email protected] - https://tailwindcss.com/

A utility-first CSS framework packed with classes 
that can be composed to build any design, 
directly in your markup

• [email protected] - https://vuetifyjs.com/en/

Vuetify is a no design skills required 
Open Source UI Library with beautifully 
handcrafted Vue Components

• [email protected] - Testing library - https://vitest.dev/

Next Generation Testing Framework

Contact ME@ email: [email protected]