Which AI tools are ...
 
Notifications
Clear all

Which AI tools are best for streamlining software development workflows?

6 Posts
7 Users
0 Reactions
152 Views
0
Topic starter

So I started trying to learn how to build this simple website for a cat shelter near me in Dayton and I am already way over my head. People keep talking about how AI makes coding so much faster now and I really need that because I have to get this done by the end of the month and I barely know what a tag is. My logic was that maybe I could just find one tool that does the hard stuff for me so I dont have to spend ten hours trying to figure out why a picture wont move to the left. But then I look online and there is GitHub Copilot and Cursor and ChatGPT and something called Claude and I have no idea which one is for what. Like is one better for beginners? Or are they all the same? Im working on a total zero dollar budget since this is for a non-profit so I cant really afford a bunch of monthly subscriptions right now. Sorry if this is a dumb question but I honestly dont even know where the AI goes... do I type into a website or does it just watch me work? I just want the easiest path to making this site look okay without breaking everything...


6 Answers
11

Regarding what #4 said about "Just wanted to say thanks for everyone chiming...", it is a solid list but people usually skip the big free players. In my experience, you dont need a $20 sub for a simple shelter site.

  • Microsoft Copilot Free Version basically gives you high-end logic for nothing.
  • Google Gemini 1.5 Flash is incredibly fast for fixing those CSS bugs like moving pictures. Ive tried many over the years and these web versions are way easier than setting up a complex editor.


10

^ This. Also, just found this thread and i am so pumped for you!! Helping a Dayton shelter is amazing work and honestly you do NOT need to learn every HTML tag to get this live by the end of the month. I remember when i was first starting out, I spent three whole days trying to fix a broken footer on a non-profit project... i nearly threw my laptop out the window lol. Since you are on a zero dollar budget, you absolutely have to look at v0 by Vercel Web UI Generator. It is seriously mind-blowing because it leverages the shadcn/ui library which is super lightweight and accessible! Here is exactly how i would tackle this for free:

  • Use v0 by Vercel Web UI Generator to get your layout code. You just type in what you want, like a website for a cat shelter with a gallery, and it generates the React or HTML code instantly.
  • Spin up a project on Replit Core Personal Free Tier which is a cloud-based IDE. This is great because it has a built-in preview pane so you can see changes in real-time without hosting setup.
  • If you hit a wall, grab the Blackbox AI Code Generation Browser Extension. Its fantastic for indexing millions of repos to find fixes for things like image alignment. Technical specs-wise, v0 creates fully responsive code by default, so you wont have to manually code media queries for mobile views! It saves literally dozens of hours of dev time. You seriously got this!!


3

@Reply #1 - good point! I actually tried that but honestly it felt a bit too powerful for me. I was terrified Id click one button and erase the whole site lol. I just stuck with pasting my messy code into any ChatGPT version I could find for free. It really helped when my layout kept breaking. Just grab a free account with Vercel to host it when youre done. It keeps things simple and safe.


3

Doing free work is a decent option. Ive tried helping one once but ended up adopting a cat who unplugs my monitor and crashes everything... anyway sorry lol


2

> I just want the easiest path to making this site look okay without breaking everything... Honestly, if you are starting from zero and need a free route, you should check out Cursor AI Code Editor. Its basically a version of VS Code with AI baked right in, so it literally lives where you type your code. You get a free tier that is pretty generous for a small cat shelter project. For the logic stuff and CSS (like moving those pictures!), I personally use Anthropic Claude 3.5 Sonnet on their free web interface. In my experience, Claude is much better at explaining things to beginners than ChatGPT is. You just copy your code into the chat, tell it what is wrong, and it usually gives you the fix. Since its a non-profit, just stick to the free limits on these and you wont have to spend a dime. If you get stuck with the layout, basically just ask it to "write the flexbox CSS" for you. It saves hours of googling... you got this!


2

Just wanted to say thanks for everyone chiming in. Super helpful discussion.


Share: