ErnestoR / Chatty-bot

Nextjs, trcp, primsa, nextauth example

Chatty bot

OpenAI chat app

This is a T3 Stack project bootstrapped with create-t3-app.

• Next.js
• NextAuth.js
• Prisma
• Tailwind CSS
• tRPC

Additional libraries

• openai-api - OpenAI API
• headlessui/react - accessible UI components
• react-hook-form - frontend form validation
• react-toastify - toast notifications
• @formkit/auto-animate - simple enter/exit animations
• daisyui - Tailwind CSS chat UI components
• react-icons - icons
• @mantine/hooks - scroll to element hook
• tsx - typescript runner for db seed
• eslint-plugin-import - eslint plugin for import sorting

Getting Started

1. First, clone the repo:

   git clone [e-mail]:ErnestoR/Chatty-bot.git
   
   cd Chatty-bot

2. Then, install the dependencies:

   yarn

3. Create a .env.local file and add the following:

   NEXTAUTH_SECRET="YOUR_SECRET"
   CHATGPT3_API_KEY="YOUR_API_KEY"

   CHATGPT3_API_KEY needs to be obtained from OpenAI

4. Generate the Prisma client:

   yarn prisma generate

5. Optionally, you can seed the database with some dummy data:

   yarn prisma db seed

6. Finally, run the development server:

   yarn dev

7. Open http://localhost:3000 with your browser to see the result.

8. Log in with the following credentials: (these are the credentials for the seeded user)

    email: [e-mail]
    password: adminadmin
   
    yeah I know, not very secure 😅
    note to self: use a hash/crypto library to hash the password before storing it in the db