Back to projects
Jan 15, 2025
3 min read

Building Medirelay Website

Creating a valuable platform for sharing knowledge, connecting people, and inspiring innovation.

This website is my personal space to share knowledge, insights, and the products I create. It’s a platform to document my journey as I learn and grow while contributing value to the community.

Why I Built This Website

I wanted to create a space where I could:

  • Share the knowledge I gain through my experiences.
  • Offer tools and resources that can empower others.
  • Build meaningful connections by documenting and sharing what I love to do.

The Core Mission

The mission behind this site is simple: to spread knowledge and value. Whether it’s through blog posts, tutorials, or products, my goal is to inspire and enable others.

FieldDescription
KnowledgeShare what I’ve learned with clarity and purpose.
ValueProvide tools, insights, and content that help.
GrowthLearn and grow through creating and sharing.

What You’ll Find Here

Blog

Insights, tutorials, and personal thoughts on various topics I’m passionate about.

Projects

A showcase of products and tools I’ve created to help others.

Work

An overview of my professional experiences and journey so far.

Tech Stack

This website is built on top of the Astro Ship Template, an incredible project by Mark Horn.

Below is the technology stack used to create this platform:

  • Astro: A static site generator for lightning-fast and content-rich websites. Learn more at Astro.
  • SolidJS: A reactive library for creating stateful, performant user interfaces. Learn more at SolidJS.
  • Tailwind CSS: A utility-first CSS framework for consistent and rapid styling. Learn more at Tailwind CSS.
  • TypeScript: A statically typed superset of JavaScript that enhances code quality and maintainability. Learn more at TypeScript.
  • JavaScript: The foundational scripting language for dynamic interactivity. Learn more at JavaScript.

Features

The stack mentioned above allows for:

  • Reactiveness and Statefulness: SolidJS provides a seamless, dynamic experience to users.
  • Ease of Design: Tailwind CSS ensures consistent and rapid styling across all components.
  • Performance: Leveraging Astro’s optimization capabilities and modern technologies to ensure fast loading times.
  • Maintainability: TypeScript improves code quality and helps catch bugs early in development.

I’m also planning to add to the existing stack:

  • React: For building robust and reusable components.
  • Shadcn UI: For creating beautiful, accessible, and customizable user interfaces.

These tools are not currently in use but will soon be integrated as I transition to building the web app with Next.js. (My second project) They will further enhance the development process and user experience.

Why I Use This Stack

By combining these technologies, this website can:

  • Share knowledge effectively.
  • Empower the community with tools and resources.
  • Deliver an exceptional user experience with optimized performance.

For more information about how this website works or the tools used, feel free to get in touch!

Disclaimer

Article written with the help of AI.