Imaginify - AI Image Generator

Build this project step by step with a detailed tutorial on Code Spirit YouTube.

📋 Table of Contents

1. 🎬 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🚀 Quick Start

🚨 Tutorial

This repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, Code Spirit.

⚙️ Tech Stack

• React.js
• Next.js
• Typescript
• TailwindCSS
• OpenJourney
• MongoDB

🎬 Introduction

Welcome to the AI Image Generator app! This application allows you to generate high-quality images based on prompts using the OpenJourney model hosted on Replicate. It's a powerful tool for creators, designers, and anyone who needs custom visuals.

🔋 Features

👉 AI-Powered Image Generation: Generate images by providing descriptive prompts, thanks to the OpenJourney model.

👉 Image Gallery: View and manage all generated images within the app.

👉 Responsive Design: Optimized for use on various devices, including desktops, tablets, and smartphones.

🚀 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/code-spirit-369/imaginify-openjourney-replicate.git
cd imaginify-openjourney-replicate

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env.local in the root of your project and add the following content:

REPLICATE_API_TOKEN=
MONGODB_URI=

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.