Skip to content

A webapp created using MERN Stack that can generate images using OpenAI.

Notifications You must be signed in to change notification settings

AbhiSpeak/ai-image-generation-webapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

AIPic

A platform where users can craft unique AI-generated visual content using the DALLE AI model.

Overview

ImaginAI offers a unique blend of AI-generated visual content, empowered by OpenAI's DALLE, and intuitive user interactivity. Users can sign up, login, submit their imaginative prompts, and the system will return visually-stunning AI-generated images. Additionally, users can favorite images, further enhancing community engagement.

Features

  1. User Authentication: Secure registration and login functionality for users.
  2. AI Image Generation: Enter an imaginative prompt and receive a visual representation of your idea.
  3. Favorites: Users can favorite AI-generated images, enabling a more personalized experience.
  4. Search: Browse the community showcase with an integrated search functionality to explore various creations.
  5. Responsive UI: Designed with a mobile-first approach, ensuring compatibility across devices.

Technologies

  • Frontend: React.js (with hooks for state management) is the primary frontend library, enhanced with TailwindCSS for sleek, modern design. For routing, react-router-dom is employed.
  • State Management: Redux is used, ensuring smooth state transitions and easier debugging processes.
  • Backend: Node.js with Express.js offers a robust backend solution, handling API requests, and user management.
  • Database: MongoDB serves as the database solution, storing user credentials, image prompts, and corresponding AI-generated images.
  • External Integrations: The platform integrates with the OpenAI API for image generation.

How It Works

  1. User Signup/Login: User credentials are securely stored in MongoDB after the registration process. For returning users, the system validates the provided credentials against the database.
  2. Creating a Post: Once logged in, users can create a post by entering a descriptive prompt. The system communicates with the OpenAI API to fetch a visual representation of the prompt.
  3. Community Showcase: All generated images are showcased to the community. Users can search through this collection, view posts by others, and favorite the ones they love.
  4. Favorites Page: A dedicated space for users to view all their favorited images.
  5. Logout: Users can securely logout, ending their current session.

About

A webapp created using MERN Stack that can generate images using OpenAI.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published