DEV Community

Cover image for GPT Web App Generator - Let AI create a full-stack React & Node.js codebase based on your description πŸ€–πŸ€―

GPT Web App Generator - Let AI create a full-stack React & Node.js codebase based on your description πŸ€–πŸ€―

Matija Sosic on July 11, 2023

This project started out as an experiment - we were interested if, given a short description, GPT can generate a full-stack web app in React & ...
Collapse
 
pavanbelagatti profile image
Pavan Belagatti

Amazing:) Looks interesting. I tried by describing my own app but I am getting the following error.

[plugin:vite:import-analysis] Failed to resolve import "./ext-src/Store.jsx" from "src/router.jsx". Does the file exist?

Collapse
 
matijasos profile image
Matija Sosic

Hey Pavan, can't say for sure but seems like a simple import error, probably needs to be just re-worded a bit. If you join our Discord (discord.gg/rzdnErX) I'd be happy to take a look and help debug it!

Collapse
 
ayushguptaa22 profile image
Ayushguptaa22 • Edited

I also face similar errors while creating my applications with vite, most of the time I rewrite the code and format the imports correctly, and after reloading it works just fine.

Checkout the project I created once I fixed the bug : (imagenaibytethatt.netlify.app/)

Collapse
 
vincanger profile image
vincanger

It’s like a junior developer agent. Noice!

Collapse
 
matijasos profile image
Matija Sosic

Thanks Vince, glad you like it!

Collapse
 
ben profile image
Ben Halpern

Definitely interesting

Collapse
 
matijasos profile image
Matija Sosic

Thanks Ben! Let me know if any qs :)

Collapse
 
stepanic profile image
Matija Stepanic

Amazing, I'm impressed :))

Collapse
 
zvone187 profile image
zvone187

That's what I was waiting for!! Congrats guys on the progress!

Collapse
 
matijasos profile image
Matija Sosic

Let us know what you build! 😎

Collapse
 
zvone187 profile image
zvone187

Will do

Collapse
 
brendan8c profile image
Artem

This only works with wasp on Linux...
I have Windows 10 and don't want to use wsl

Collapse
 
matijasos profile image
Matija Sosic

I see - we're close to supporting wasp natively on Windows, but until then we suggest to use wsl. It's actually quite a good experience - let us know in our Discord if we can help with setup in any way!

Collapse
 
afeiszli profile image
Alex

Really cool!!

Collapse
 
matijasos profile image
Matija Sosic

Appreciate it Alex πŸ™

Collapse
 
certifieddev19960101 profile image
certifieddev0101

Wow~~~

Collapse
 
stretch0 profile image
Andrew McCallum

Very cool! Would be very useful for prototyping new apps and products. Look forward to seeing where this goes as you extend it to support new features

Collapse
 
matijasos profile image
Matija Sosic

Thanks so much Andrew! Have you already tried it out, how did it work for you?

Collapse
 
kingkunte_ profile image
kingkunte_

Sounds very interesting. Let me try it out.

Collapse
 
anni profile image
Anietie Brownson

Cool stuff
Would definitely try it

Collapse
 
gosucode profile image
Gosu Code

Interesting

Collapse
 
elliot_brenya profile image
Elliot Brenya sarfo

Open source?

Collapse
 
matijasos profile image
Matija Sosic

yep, 100%! I linked to the source code in the article.

Collapse
 
schbenedikt profile image
schBenedikt • Edited

GitHub logo wasp-lang / wasp

The fastest way to develop full-stack web apps with React & Node.js.

The fastest way to develop full-stack web apps with React & Node.js

license latest release discord


Web page | Docs

Wasp (Web Application Specification) is a Rails-like framework for React, Node.js and Prisma.
Build your app in a day and deploy it with a single CLI command!

Why is Wasp awesome

  • πŸš€ Quick start: Due to its expressiveness, you can create and deploy a production-ready web app from scratch with very few lines of concise, consistent, declarative code.
  • 😌 No boilerplate: By abstracting away complex full-stack features, there is less boilerplate code. That means less code to maintain and understand! It also means easier upgrades.
  • πŸ”“ No lock-in: You can deploy Wasp app anywhere you like. There is no lock-in into specific providers, you have full control over the code (and can actually check it out in .wasp/ dir if you are interested ).

Features

πŸ”’ Full-stack…

Collapse
 
toolkituse profile image
toolkituse

cool

Collapse
 
axljones profile image
axljones

❌ Failed to parse ChatGPT response as JSON, trying again.

Used the gardening exemple and keep gettin errors in an infinite loop.

How do you monitor such errors on your side?

Collapse
 
matijasos profile image
Matija Sosic

hey axljones, it might happen from time to time but usually it doesn't persist. Can you join our Discord (discord.gg/rzdnErX) and DM me url of your app? We can check it out then and see if we can debug.

Collapse
 
certifieddev19960101 profile image
certifieddev0101

Great!!!

Collapse
 
meshack_mensah_fb986954db profile image
Meshack Mensah

Hello I’m Meshack from Ghana.. I’ve completed Secondary Education cycle and I’m willing to continue to pursue Software Engineering and more of it. Pls I need more insights. Thank You

Collapse
 
lalami profile image
Salah Eddine Lalami

Nice :)
IDURAR , Here Another AI web app Generator (based on Node.js / React.js ): idurarapp.com

AI web app Generator

Collapse
 
ptandler profile image
Peter

really pretty cool. It's important to be quite precise when describing the app :-)

Actually, I first ran into github.com/wasp-lang/wasp/issues/787 but then got it working.

Would be pretty cool to have more conversation with the AI to refine the app, once there are intermediate results. Are you thinking about this?

Collapse
 
adii9 profile image
Aditya Mathur

As a developer, the product is really amazing and again as a developer sometimes AI scare me a bit.

Collapse
 
schbenedikt profile image
schBenedikt • Edited

How can I run this on Windows 11?
Does this only work with WSL?

Collapse
 
matijasos profile image
Matija Sosic

Hey Benedikt yes, Windows are currently supported via WSL. Let us know in our Discord if you run into any trouble, happy to help! discord.gg/rzdnErX

Collapse
 
gretseatdev profile image
GretSeat

I'm just curious why would you actively try to make something that will put you out of a job?

Collapse
 
imaculate7 profile image
Beatrice Akaeme

Thanks for sharing