Goal

Create a professional website

What it do

Place for people to come and find out about what I do Place to filter and sort requests for work - how can I make the recriuiter's job easier? Somewhere that I don't have to keep rebuilding every so often for sharing my CV

What it don't do

Not a place to host original content(idea is to have that elsewhere and point to it here) Not a place to manage clients/requests ??Not a place for complex info that's not mobile friendly.

audience

3 audiences people looking to find my stream and social media accounts and Medium people looking to hire me(recruiters, companies, grannies) people looking to have me speak at an event

Candidate pages

• Home
  • Connect with me I'm active on Twitter, write articles on Medium, and stream over on Twitch.
  • Work with me I've been a professional for ten years working with clients big and small. Join me on LinkedIn and feel free to send my portfolio/skills map to clients you're working with. You can also contact me here.
  • Invite me to your event I'm here to share my experience with the world, and try making the world of tech a better place for it. If you're looking for speakers at your next event please reach out.
• About Me
• Portfolio/Work
• Past Work
  • (possibly over-engineering)
  • CopyPaste my CV work
    • could just upload latest CV to https://gofile.io/
  • Tag roles by tech, stack, front/backend
  • Recent/Highlighted Tag
  • Important: list the dates for the projects.
• Contact Form
  • Company/Client Site
  • Message

Make it WCAG compiant

Notes

public folder stays empty until a build is run.

Next Steps

• Add an About Me page
  • Some basic text describing who I am
  • Make image go 100% of the screen width
• Investigate webpack tree shaking or bundle package analysis
• Introduce TypeScript(bonus)
• Add meta tags for sharing to various sites
  • Static tags in the header to begin with
  • Per-page tags for once we have separate pages(Home, contact)

Pages

Build and upload a basic website including a contact form, meta tags for social media(Fb, LinkedIn, Twitter, WhatsApp, Google) https://css-tricks.com/essential-meta-tags-social-media/ (bonus1: make it a PWA) (bonus2: style my invoices similar to the site brand)