AI Image Generator - Frontend A web interface built with Next.js and Tailwind CSS for generating AI-powered images. The frontend communicates with the Express.js backend API to handle image generation and display results.
š Features
ā
AI Image Generation ā Enter text prompts to generate AI images
ā
Image Gallery ā View and manage previously generated images
ā
User Authentication ā Secure login and registration using JWT
ā
Responsive Design ā Optimized for desktop and mobile devices
š Tech Stack
Frontend: Next.js, Tailwind CSS
Backend: Node.js/Express.js
Authentication: JWT
Storage: AWS S3
š Installation & Setup
1ļøā£ Clone the Repository
git clone https://github.com/Null-logic-0/AI-image-generator-version-1.1.0-Front-end.git
cd AI-image-generator-version-1.1.0-Front-end
2ļøā£ Install Dependencies
npm install
3ļøā£ Setup Environment Variables Create a .env file in the root directory and add:
NEXT_PUBLIC_API_URL=http://your-backend-url.com/api
4ļøā£ Run the Development Server
npm run dev
Whatch video ----->
https://www.youtube.com/watch?v=J5digNPWANw
Backend ---->