ahmedsomaa/my-portfolio

My personal portfolio website ✨

Portfolio ✨

Bootstrapped from here with my updates.

Tech Stack

• Framework: Next
• Database: Upstash
• Icons: Phosphor
• Styling: Tailwind
• Deployment: Vercel
• Brand Icon Colors: Simple Icons
• Project Logos: LogoFast
• Component Library: Shadcn-ui
• Animated Components: Aceternity UI

My Updates

• I removed the analytics.
• I removed the convex package and folder.
• I created new pages /about and /tools.
• I removed the avatar and occupation from the header.
• I added a footer component and added the social media icons to it instead of the header.
• I changed the main mono font to Fira Code from next/font/google.
• I changed the main sans font to Familjen Grotesk using next/font/google.
• I changed the landing page to a bento grid using Aceternity's Bento Grid Component.
• I separated the original config.tsx file into multiple files, profile.tsx, projects.tsx, and many other sections...etc.
• I changed the social media icons to ones from Phosphor.
• I removed the border around the social media icons and changed the hover text color with their original brand color, you can find this at SimpleIcons.

Running Locally

git clone https://github.com/ahmedsomaa/my-portfolio
cd my-portfolio
bun install
nun run dev

Create a .env file similar to .env.example and provide the values for Upstash redis database.

How to Use

• Change the data under config to yours.
• If you want to change the sans font, you can do this in fonts.tsx.
• If you want to change the mono font, you can do this in mdx.tsx and prism.css;

Acknowledgement

If you like this portfolio, give it a star and also give a star to the original repo here.