• 

  Homepage

• 

  code generation

SnapSite

SnapSite is a powerful web application that allows users to prompt, run, edit, and deploy full-stack web applications. It leverages modern technologies like Next.js, Tailwind CSS, and Convex to provide a seamless and intuitive experience for developers and non-developers alike.

Features

• AI-Powered Code Generation: Generate React-based projects with Tailwind CSS styling using AI prompts.
• Workspace Management: Save and manage your workspaces for easy access to previous projects.
• Live Code Preview: Use Sandpack to edit and preview your code in real-time.
• Token-Based System: Manage your usage with tokens and upgrade plans as needed.
• User Authentication: Secure login with Google OAuth.
• Responsive Design: Fully responsive UI for both desktop and mobile devices.
• Integrated Payments: Upgrade your plan using PayPal for additional tokens.

Tech Stack

• Frontend: Next.js, React, Tailwind CSS
• Backend: Convex for database and serverless functions
• AI Integration: Google Generative AI for code and chat responses
• Authentication: Google OAuth
• Payments: PayPal integration
• Real-Time Code Editing: Sandpack by CodeSandbox

Built With

• convex
• javascript
• nextjs
• tailwindcss