A personal website inspired by the design of Brittany Chiang's website. All design credits go to Brittany Chiang. 🌟
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.
- 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.
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.
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.
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.
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.
- 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.
This is a Next.js project that was initially bootstrapped with create-next-app.
- First, install all dependencies:
npm install- Make sure it builds:
npm run build- Run it locally
npm run devOpen 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.
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
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.