meikopoulos.com

A personal website inspired by the design of Brittany Chiang's website. All design credits go to Brittany Chiang. 🌟

Implementation 🛠️

This website was recreated from scratch by closely studying the design elements of Brittany Chiang's site. It's a homage to their exceptional design skills, and every effort has been made to credit their work appropriately.

Technical Stack 🧰

• Languages and Libraries: Built with Next.js (a React framework) and TypeScript.
• Styling: Tailwind CSS.
• Components: Shadcn/ui.
• IDE: Coded in Visual Studio Code.
• Deployment: Hosted and deployed with Vercel.

Design Credits 🎨

The design of this site is based on the 5th iteration of Brittany Chiang's portfolio. I have recreated the design for my training and personal use while ensuring to give full credit to Brittany for their original and inspiring work.

Disclaimer ⚠️

This site is not intended as a direct clone of Brittany Chiang's website but rather as a personal interpretation and implementation of their design. The coding and development were done by me, independently, by eyeballing their design.

Acknowledgement 👏

Based on Brittany Chiang's website (they're awesome). Coded in Visual Studio Code. Built with Next.js, Tailwind CSS, and Shadcn/ui, deployed with Vercel.

🚨 Forking this repo (please read, it's important!) 🚨

I encourage others to learn from and be inspired by the design of this website. However, if you choose to use elements of my code and Brittany's design, give proper credit to both me and Brittany Chiang by linking back to both our works.

Remember, it's essential to respect other people's work! Thanks.

TL;DR 📝

• The design of this website is inspired by and credited to Brittany Chiang.
• The site was independently coded and developed by me by re-creating Brittany's original design.
• You can fork this repo but make sure you attribute by linking back to brittanychiang.com and meikopoulos.com.

Getting Started 🚀

This is a Next.js project that was initially bootstrapped with create-next-app.

1. First, install all dependencies:

npm install

2. Make sure it builds:

npm run build

3. Run it locally

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying the appropriate components/sections. The page auto-updates as you edit and save.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More 📘

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository

Deploy on Vercel 🌐

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.