Mahmad.me

My personal portfolio website to show my skills, experience, and articles I published

Built with

• Framework: Next.js
• Styling: Chakra UI
• Animations: Framer Motion
• Highlight Blog Content: prismjs
• Markdown Processor: remark
• ORM: prisma
• Deployment: Vercel
• Api's:
  • Dev.to
  • Github

Overview

• components/* - Contains all components related to pages (blog, projects, about, etc).
  • shared/* - All reusable components like header, footer etc.
  • layouts/* - The different page layouts.
  • theme/* - Manage theme of site.
• data/* - Data that used for blog posts, projects etc.
• lib/* - Collection of helpful utilities or code for external services like devto api.
• pages/api/* - API routes.
• pages/blog/* - Static pre-rendered blog pages using MDX.
• pages/* - All other static pages.
• prisma/* - My Prisma schema, which uses a Postgresql database.
• public/* - Static assets including audios, fonts and images.

View and copy code of your favourite components

TemplatesKart website

Running Locally

git clone https://github.com/MA-Ahmad/myPortfolio
cd myPortfolio && yarn install
yarn dev

The above commands will start the application on http://localhost:3000/

Cloning / Forking

Please review the LICENSE and remove all of my personal information (projects, blog posts, images, etc)