PixelAlchemy is a web application that leverages the power of OpenAI's DALL-E API to generate unique and creative images. Users can easily create, share, and download images generated by the AI, fostering a vibrant and collaborative community.
Link to the live preview click here or click on the photo
- AI Image Generation: Utilize OpenAI's DALL-E API to generate unique and creative images.
- Community Interaction: Share your generated images with the community and explore images created by others.
- Download Images: Download images generated by yourself or others to use in various projects.
- User Profiles: Create and customize your user profile to showcase your contributions.
- Community Engagement: You can download others generated photos and see their prompts used to generate this photo.
Discover the technologies that helped this website come to life:
This Website uses the MERN stack.
- MongoDB: The database used to store information about the photo and the creator
- Express js: The backend framework used in this project.
- React js: The frontend framework used in this project.
- Vite: The local development server, used for faster and better react js development process.
- Node.js: the javascript runtime environment.
- Tailwind Css: The CSS framework used for easy and customizable component styling.
Before you begin, ensure you have the following prerequisites installed:
- Node.js
- npm
-
Clone the repository:
git clone https://github.com/yusufafify/PixelAlchemy.git
-
Navigate to the project directory:
cd pixelalchemy -
Navigate to the client directory:
cd client -
Install dependencies:
npm install
-
start the frontend by runing:
npm run dev
-
Navigate to the server directory:
cd server -
Install dependencies:
npm install
-
start the server by runing:
npm start