Next.js Portfolio Website Powered By Headless CMS

Posted on:September 16, 2023|Last Updated:March 18, 2024|Category: Production App

Welcome to my portfolio website! Here, you'll find a collection of my creative projects, accomplishments, and experiences that showcase my skills and passion. This website serves as a digital canvas where I express my journey through various projects, ranging from web development and design to other creative endeavors.

As you navigate through the different sections of my portfolio, you'll get a glimpse into my expertise in building modern and user-friendly web applications. From elegant user interfaces and interactive components to responsive layouts, I've poured my heart and skills into every project to create memorable and impactful digital experiences.

import React from 'react';
import ColorHash from 'color-hash';

const customSeed = 42; // Experiment with different seed values to generate varied colors

// Define custom colors for specific technologies
const customPalette = {
  'javascript': '#FF5733', // Example: Custom color for JavaScript
};

// Create a ColorHash instance with a custom seed for consistent color generation
const colorHashWithCustomSeed = new ColorHash({ seed: customSeed });

const BadgeComponent = ({ tech }) => {
  // Check if there's a custom color for the provided technology
  const customColor = customPalette[tech.toLowerCase()];
  const color = customColor || colorHashWithCustomSeed.hex(tech);

  // Define the style for the badge
  const badgeStyle = {
    backgroundColor: color,
    // Other styles
  };

  return (
    <div style={badgeStyle}>
      {tech}
    </div>
  );
};

export default BadgeComponent;

Whether you're a fellow developer, potential collaborator, or simply curious, I invite you to explore my portfolio and discover the projects that reflect my dedication, innovation, and growth. Each project has a story behind it, a problem it aimed to solve, and the unique solutions that emerged from my creative process.

Thank you for visiting my portfolio website. I hope you enjoy the journey through my work and gain insights into my technical abilities, creative vision, and dedication to crafting exceptional digital solutions.

Feel free to reach out if you have any questions, ideas, or opportunities for collaboration. I'm excited to connect with fellow enthusiasts and professionals who share a passion for creativity and technology.

Related Projects

Experiment

Dialogue Creator

A tool for designing non-linear game dialogues with a visual node-based interface. Features include adding characters, messages, branches, and randomness.

Next.js

Tailwind

Three.js

React

ReactFlow

Production App

Full Stack Workout Tracker with Next 14, Prisma, & Clerk

Full stack workout tracking app. Browse over 800 exercises, create your own routines, record your workouts and view your data with beautiful charts. Built with Next.js 14, Clerk and OpenAI

Next.js

Tailwind

Prisma

OpenAI API

React