DEV Community

Cover image for ToolScart
thereal1
thereal1

Posted on

ToolScart

8 Months Ago I Barely Had a Website. Now I Built ToolScart.

A little over 8 months ago, ToolScart was just a small experiment.

It had:

  • an HTML form builder
  • a CSS button generator
  • a color picker

That was basically it.

Today, ToolScart has become something completely different.

What ToolScart Is

ToolScart is a collection of developer tools that run directly in the browser.

Currently it has 22 tools covering things like:

  • JSON
  • data conversion
  • formatters
  • encoding/decoding
  • developer utilities

What Changed

The biggest change wasn't just adding more tools.

I started learning how an actual website works.

Domains and DNS

I learned what a domain actually is, how DNS works, and how to connect a custom domain to a website.

GitHub

The source code is now publicly available on GitHub.

I also learned how important proper file organization and version control are.

SEO

This was one of the biggest things I learned.

I discovered that making a website isn't just about writing HTML and CSS.

I learned about:

  • sitemap.xml
  • robots.txt
  • search indexing
  • metadata
  • how search engines discover pages

And eventually, ToolScart started appearing in Google search results.

That was honestly one of the coolest moments of the project.

Privacy

Another thing I cared about was keeping the tools simple and private.

ToolScart doesn't need third-party trackers to work.

The tools run client-side in the user's browser, and files don't need to be uploaded to a server just to use a converter or formatter.

What AI Taught Me

I also learned something I didn't expect:

AI-generated code still needs to be checked.

When you're building a website with AI, it's really easy to accept code because it looks correct.

But a button can be broken.

A link can point to the wrong page.

A script can behave differently than expected.

Something can look perfect while being completely wrong underneath.

So I started checking everything instead of blindly trusting the generated code.

What I Learned

ToolScart taught me much more than HTML and CSS.

I learned about:

  • domains
  • DNS
  • deployment
  • SEO
  • file organization
  • privacy
  • website structure
  • debugging
  • and actually checking my own work

And I learned most of this by just trying things.

If You're Thinking About Building Something

You don't need to know everything before you start.

I definitely didn't.

ToolScart started as a very basic website and slowly turned into something much bigger because I kept adding things and learning along the way.

If you have an idea for a website, start with the simplest version.

You can learn the rest while building it.

Try ToolScart

If you want to see what I built:

check it out on ToolScart

source code on GitHub

if you saw the project worth it, a star on github won't effect

Top comments (0)