Skip to main content

Documentation Index

Fetch the complete documentation index at: https://resources.devweekends.com/llms.txt

Use this file to discover all available pages before exploring further.

The right tools do not just save time — they remove friction from the tasks you do repeatedly. A polished LinkedIn profile photo, a consistent visual brand, and streamlined dev workflows compound into a meaningful professional advantage. Each tool below is included because it solves a specific, common problem well.

​
Branding and Design

Your professional visual presence (profile photo, LinkedIn banner, portfolio site) is often the first thing a recruiter or hiring manager evaluates — usually in under 5 seconds. These tools help you make that impression strong without needing design skills.
  • PFP Maker — LinkedIn profile photo generator: https://app.pfpmaker.com/results/ Upload any headshot and get a professional-looking profile picture with clean backgrounds and consistent styling. A polished profile photo increases LinkedIn profile views measurably — this takes 2 minutes and costs nothing.
  • Canva — Quick banners and visuals: https://canva.com/ Use this for your LinkedIn banner, portfolio header images, and presentation slides. The free tier covers everything you need. Search for “LinkedIn banner” templates and customize with your name, title, and tech stack keywords for a cohesive professional look.
  • unDraw — Free illustrations: https://undraw.co/illustrations Open-source, customizable illustrations for portfolio sites, blog posts, and presentations. You can change the accent color to match your brand. Useful for making README files and project documentation visually appealing.

​
Developer Productivity

These tools accelerate common development tasks. Each one targets a specific bottleneck in the build-ship-iterate cycle.
  • v0 — Generate React/Next.js components from prompts: https://v0.dev/ Built by Vercel. Describe a UI component in plain language and get production-quality React code with Tailwind CSS styling. Particularly useful for prototyping UI ideas quickly or generating boilerplate components that you then customize. Saves significant time on the “blank canvas” problem.
  • Dev Code Design (AI) — AI-assisted code and design: https://dev.codedesign.ai/ Generates full-page layouts and component structures. Useful for rapid prototyping when you need to move from idea to visual mockup quickly.
  • Free for Students — Perks and benefits list: https://freeforstudents.org/row Comprehensive list of free tools, services, and subscriptions available with a student email. Includes cloud credits, IDE licenses, domain names, and more. If you have a .edu email, you are leaving money on the table by not checking this list. Many of these offers extend to recent graduates as well.

​
Engineering Standards and Reference

Good engineering practices are learned from studying how experienced teams operate, not just from writing code. These resources give you a window into production-grade standards.
  • 10up Engineering Best Practices: https://10up.github.io/Engineering-Best-Practices/ A publicly available engineering handbook covering HTML, CSS, JavaScript, PHP, tools, and workflows. Read this to understand what “production-quality code” looks like at a professional agency. Particularly useful sections include their performance optimization guidelines and accessibility standards — topics that interview panels frequently probe.
Use a consistent visual theme across your profile photo, LinkedIn banner, GitHub profile README, and portfolio site. Recruiters who see visual consistency subconsciously associate it with attention to detail — the same trait they want in your code. Spend one afternoon setting this up and it works for you indefinitely.
If you discover a tool that significantly improves your workflow, contribute it to this page via PR. Include the tool name, what problem it solves, and why it is better than alternatives you have tried.