Create a static website using only frontend components (for GitHub Pages)

[dth99]

We'd love to make this collection of DevOps learning resources more accessible and visually appealing!

Goal: Build a static website (frontend only, no backend) that lists all the resources from our README, organized by category, with search/filter functionality.

Requirements:

• Use any frontend framework (React, Vue, Svelte, vanilla JS, etc.)
• Should be easily deployable to GitHub Pages (static build)
• Pull resource data from a structured format (could start with a JSON/YAML export of the README)
• Clean, accessible UI
• Optional: Add search, filters, tags, or sorting

Open to design ideas and tech stack suggestions!

If you'd like to work on this, please comment or open a draft PR.

[devarshadkhan]

Hi 👋 I'd love to work on this!

I'm a frontend developer and can build a clean, responsive UI with React/Tailwind.
Can I take this issue? Looking forward to contributing! 🚀

[dth99]

Hi 👋 I'd love to work on this!

I'm a frontend developer and can build a clean, responsive UI with React/Tailwind. Can I take this issue? Looking forward to contributing! 🚀

Hi @devarshadkhan 👋
That’s awesome—thanks for your interest!
You’re more than welcome to take this issue. Using React and Tailwind sounds like a great fit.

A few notes to help you get started:

The main resource data is currently in the README; feel free to suggest a format (JSON/YAML/etc.) that works best for the site.
The goal is a frontend-only site that can be easily deployed to GitHub Pages.
If you have any questions or want feedback on design or features, just ask here!
Feel free to open a draft PR whenever you’re ready.
Looking forward to seeing your work 🚀