Tools I Use to Build

Step 1

Start with the Basics
Install your core tools:
- Visual Studio Code (main editor)
- GitHub (code management)
- Vercel (hosting and auto-deployment)

Step 2

Set Up Your Workspace
Organize your folders like this:

      /ProjectFolder

      ├── index.html

      ├── static/

      ├── data/

      └── images/

Keep each website in its own directory. It makes deployment and updates much easier.

Step 3

Use These Tools for Design & Media
- Figma for UI planning
- Flaticon and Icons8 for icons
- Google Fonts for typography
- Coolors for color palettes

Step 4

Setup Git + Vercel Deployment
Connect your GitHub repo to Vercel for instant updates.
Every time you push code to your main branch, your site redeploys automatically.

Step 5

Keep Everything Synced
- Use JSON Formatter for clean data files
- Keep notes in Notion or Google Keep
- Use Telegram for quick updates and file sharing

Optional: use ChatGPT for help with coding, writing, or quick debugging.

Step 6

Your Workflow in a Nutshell:
1️⃣ Create → 2️⃣ Code → 3️⃣ Commit → 4️⃣ Deploy → 5️⃣ Repeat

Fast, free, and efficient — that’s how I build every project in the Pirate Ruler Network.