Suggestion-Box Tailwind Templates

Suggestion Box

This is an Anonymous Feedback App where users can send anonymous feedback and view AI-generated suggestions powered by the OpenAI API. The project is built using modern technologies like Next.js, ShadCN, NextAuth, Resend, Tailwind CSS, and TypeScript.

Anonymous Feedback App

This is an Anonymous Feedback App where users can send anonymous feedback and view AI-generated suggestions powered by the OpenAI API. The project is built using modern technologies like Next.js, ShadCN, NextAuth, Resend, Tailwind CSS, and TypeScript.


Features

  • 🚀 Send anonymous feedback effortlessly.
  • 🤖 AI-generated suggestions for the feedback using OpenAI API.
  • 🎨 Modern UI with ShadCN for enhanced design and accessibility.
  • 🔒 Secure authentication with NextAuth.
  • 📱 Responsive design with Tailwind CSS.
  • 📧 Server-side email notifications using Resend.

Technologies Used

  • Next.js: Server-side rendering and routing.
  • ShadCN: Pre-styled components for better UI design.
  • NextAuth: Authentication library for secure user login.
  • Resend: Email sending service for notifications.
  • Tailwind CSS: Utility-first CSS framework for responsive design.
  • TypeScript: Static typing for better code quality and maintainability.

Getting Started

Prerequisites

Ensure you have the following installed on your machine:

  • Node.js (v14 or higher)
  • npm, yarn, pnpm, or bun (choose one package manager)
  • OpenAI API key for AI suggestions
  • Environment variables for NextAuth and Resend (check .env.example) First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Top categories

Loading Svelte Themes