Welcome to our AI Image Generation App, a full stack MERN web application that allows users to generate AI-generated images from any text input. With a modern and minimal design, dynamic image layout, and hover effects, this app provides a seamless user experience.
- Dynamic image layout and hover effects that showcase the user's prompt to generate each AI-generated image.
- Download functionality that allows users to save the AI-generated images to their local devices.
- Search functionality that lets users search for specific AI-generated images.
- Credit system that allow users with credits for generating and sharing new AI-generated images.
- Login and Signup functionality that ensures user privacy and security.
- Google Authentication that makes it easy for users to sign in and use the app.
- Dark Mode that enhances the app's aesthetics and usability.
This application was developed using the following technologies:
- MongoDB: A NoSQL database used to store user data and generated images.
- Express: A Node.js framework used to build the app's backend server.
- React: A popular front-end library used to build the app's user interface.
- Node.js: A JavaScript runtime environment used to build the app's backend server.
Other technologies used in the project include Chakra-UI for design components, Cloudinary to save images on the cloud, React Query to make network requests and much more.
- Clone the repository.
- Install dependencies by running
npm installin both the client and server directories. - Configure environment variables in the server directory by creating a
.envfile with the following variables: - Start the server by running
npm startin the server directory. - Start the client by running
npm startin the client directory.
MONGO_URI=<your_mongodb_uri>
JWT_SECRET=<your_jwt_secret_key>
This project was developed by Suraj Anand as part of a Full Stack Web Development course at Masai School.
This project is licensed under the MIT License - see the LICENSE.md file for details.