Getting Started

Hi !

Feeling excited to share my new Next.JS project.

Check it out here:

https://mystery-message-extended.vercel.app/

and source code:

https://github.com/A5tab/MysteryMessageExtended

This project was created while learning Next.JS. Next.js is a powerful framework built on top of react providing more features like Server side rendering, SEO, file base routing make it easier to write your backend API and UI part in same framework.

This project not only helps me learn the Next.js but also give me a chance to learn many other tools with it.

First let me introduce you to my project 'MysteryMessageExtended'. An anonymous feedback app where anyone could provide a link to accept feedback anonymously because i believe true feedback is given only when its anonymous. So anyone could get that link open it anywhere without any tension of any authentication, identity tracking could write anything while also getting feedback suggestions from AI I used Gemini API for this. Receiving user has its own dashboard securely accessed with next-auth authentication flow. User could also disable receiving feedback saving himself from receiving more messages.

Tools & Technologies Explored:

Gemini

NextAuth

Typescript

React-Hook-Form

ShadcnUI

TailwindCSS

Resend-Email for OTP codes

and obviously Next.js

Key-Features:

Debouncing Effect

OTP Code through email

Authentication

Suggestions from AI

Anonymity to Sender

Follow me for more amazing projects.

Connect on Linkedin: https://www.linkedin.com/in/muhammad-aftab-2bb8a8264/

If running on local machine: 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.