/ui-mentor

Primary LanguageTypeScript

🚀 UI Mentor - Your Personal Web Development Guru! 🧙‍♂️

Features

  • 🎓 Learn how to build any Website with our step-by-step tutorials created by AI

  • 🖼️ Upload Your Website Images: Got a vision for your website but don't know how to bring it to life? Just upload your images, describe your dream website, and follow our guide to create it right away.

  • 🤖 Powered by OpenAI's GPT-4V: You'll need to bring your own OpenAI API key with GPT-4V access. 🗝️🔮

Demo video

demo.mp4

Technology

  • NextJS
  • Typescript
  • Tailwind
  • Radix UI + icons
  • Shadcn UI
  • State Management: Zustand
  • PWA

Getting Started

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.

Improvements

  • Support specific technology like React, Angular, Vue, Tailwind
  • Ask AI to explain about any terms appeared in each tutorial step
  • Let AI evaluate your code and compare with your uploaded images

We're always looking to improve, so if you have any suggestions, don't hesitate to let us know!