Pentagram: Instagram, but with AI Images

Getting Started

First, clone the GitHub repository:

git clone https://github.com/team-headstart/pentagram.git

Then, navigate to the project directory:

cd pentagram

Then, install the dependencies:

npm install

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Tasks

• Take a look at the TODOs in the repo, namely:

  • src/app/page.tsx: This is where the user can input their prompt and generate an image. Make sure to update the UI and handle the API response to display the images generated

  • src/app/api/generate-image/route.ts: This is where the image generation API is implemented. Make sure to call your image generation API from Modal here

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.