https://github.com/MA-Ahmad/myPortfolio

This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.
https://github.com/MA-Ahmad/myPortfolio

chakra-ui devto github-api mdx nextjs personal-website portfolio prismjs react reactjs remark typescript

Last synced: 2 months ago
JSON representation

This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.

• Host: GitHub
• URL: https://github.com/MA-Ahmad/myPortfolio
• Owner: MA-Ahmad
• License: mit
• Created: 2021-06-15T17:57:28.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-07T18:34:49.000Z (5 months ago)
• Last Synced: 2024-11-05T07:40:48.299Z (3 months ago)
• Topics: chakra-ui, devto, github-api, mdx, nextjs, personal-website, portfolio, prismjs, react, reactjs, remark, typescript
• Language: TypeScript
• Homepage: https://mahmad.me
• Size: 32.6 MB
• Stars: 235
• Watchers: 5
• Forks: 44
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
Mahmad.me

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



## Built with

- **Framework**: [Next.js](https://nextjs.org/)

- **Styling**: [Chakra UI](https://chakra-ui.com/)

- **Animations**: [Framer Motion](https://www.framer.com/motion/)

- **Highlight Blog Content**: [prismjs](https://prismjs.com/)

- **Markdown Processor**: [remark](https://remark.js.org/)

- **ORM**: [prisma](https://www.prisma.io/)

- **Deployment**: [Vercel](https://vercel.com)

- **Api's**:

  - [Dev.to](https://dev.to/api)

  - [Github](https://api.github.com)

## 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](https://nextjs.org/docs/api-routes/introduction).

- `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](https://templateskart.com/projects/my-website)

## Running Locally

```sh

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/](http://localhost:3000)

## Cloning / Forking

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