An Image Generator using OpenAI and the latest Angular. Build on top of NodeJS and Express. This application lets you generate images from a text prompt.
This video will cover how to code a simple Image Generator application from scratch using Angular for the frontend and NodeJS and Express for the backend. To generate the images from a text prompt, we’ll use the Open AI Images API.
00:00 – Introduction
00:48 – Setting up a new Angular Project
01:39 – Adding TailwindCSS
03:40 – Setting up basic code structure of our application
06:45 – Setting up the layout
07:25 – Layout and styling Prompt Input
08:45 – Logic of Prompt Input
13:57 – Logic of Image Generator Page
21:45 – Layout of Gallery
27:46 – Setting up Express
30:32 – Creating Backend endpoint
36:00 – Frontend Backend integration : 36:00
40:09 – Conclusion
#openai #ai #chatgpt #angular