Imagify

Imagify is a full-stack web application for generating images using AI. It features user authentication, credit-based image generation, and payment integration.

Techstack

Client

• React
• Vite
• Tailwind CSS
• Axios
• React Router DOM
• React Toastify
• Motion (for animations)

Server

• Node.js
• Express
• MongoDB
• JWT (JSON Web Tokens)
• Razorpay (for payments)
• Bcryptjs (for password hashing)
• CORS

Installation & Running Commands

Prerequisites

• Node.js installed
• MongoDB database set up
• Razorpay account for payments (optional)

Client Setup

1. Navigate to the client directory:

   cd client
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

Server Setup

1. Navigate to the server directory:

   cd server
   

2. Install dependencies:

   npm install
   

3. Start the server:

   npm run server
   

Help & Resources

This project was built with help from the following YouTube tutorial: YouTube Tutorial

Trailer

imagify_trailer.mp4