https://github.com/sabelomkhwanzi/sabelomkhwanazi.portfolio

A NextJS portfolio site build with Mantine & Chakra-UI
https://github.com/sabelomkhwanzi/sabelomkhwanazi.portfolio

chakra-ui mantine-ui nextjs portfolio-website

Last synced: 2 months ago
JSON representation

A NextJS portfolio site build with Mantine & Chakra-UI

• Host: GitHub
• URL: https://github.com/sabelomkhwanzi/sabelomkhwanazi.portfolio
• Owner: SabeloMkhwanzi
• Created: 2022-06-01T19:12:24.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-03-10T09:05:38.000Z (2 months ago)
• Last Synced: 2025-03-10T10:22:10.476Z (2 months ago)
• Topics: chakra-ui, mantine-ui, nextjs, portfolio-website
• Language: TypeScript
• Homepage: https://sabelomkhwanazi-portfolio.vercel.app/
• Size: 6.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




   

        


    





    Website

 




 Sabelo Mkhwanazi 





A NextJS portfolio site build with Mantine & Chakra-UI

 


![Home Page](https://github.com/SabeloMkhwanzi/sabelo_portfolio/blob/main/public/Sabelo_portfolio_site.png)

Design inspire by [brittanychiang.com](https://brittanychiang.com/)

### Project Stack

- Building Framework: [Nextjs](https://nextjs.org/) -Next.js is an open-source web development framework created by Vercel enabling React-based web applications with server-side rendering and generating static websites

- Frontend: 

  - [Mantine](https://mantine.dev/) - Build fully functional accessible web applications faster than ever

  - [Chakra-ui](https://chakra-ui.com/) - Create accessible React apps with speed.

- Deployed: [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

## Roadmap for the Project

- [ ] Add animation background

- [ ] Config github API 

- [ ] Add Blog section

- [ ] Add a scroll up button

- [ ] Config smooth scroll up Animation

 

## Installing

1. clone the repo with the following git command:

```bash

git clone https://github.com/SabeloMkhwanzi/sabelomkhwanazi.portfolio

```

2. open a terminal in the root directory of the project and run:

```bash

npm install

```

Finally, run the development server:

```bash

npm run dev

```

### Happy Hacking 😊