Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sufiankhan-dev/myportfolio

Software Developer Responsive Portfolio Template that helps you showcase your work and skills as a software developer. ⚡
https://github.com/sufiankhan-dev/myportfolio

accertinity developer-folio developer-portfolio myportfolio nextjs portfolio portfolio-site portfolio-template portfolio-website portfolios react reactjs-template sentry-io shadcn-ui tailwindcss template typescript

Last synced: 3 months ago
JSON representation

Software Developer Responsive Portfolio Template that helps you showcase your work and skills as a software developer. ⚡

Awesome Lists containing this project

README 

        
# Modern Portfolio - Developer Portfolio ⚡️  [![GitHub](https://img.shields.io/github/license/sufiankhan-dev/myportfolio?color=blue)](https://github.com/sufiankhan-dev/myportfolio/blob/master/LICENSE) [![GitHub stars](https://img.shields.io/github/stars/sufiankhan-dev/myportfolio)](https://github.com/sufiankhan-dev/myportfolio/stargazers)  [![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors)



A sleek, responsive, and customizable portfolio for developers. Designed to showcase your skills, projects, and experience with an elegant, modern interface.



Check it out here: [Live Demo](https://sufian-portfolio.vercel.app/)





  

    



  




---



### Table of Contents



- [Sections](#sections)

- [Getting Started](#getting-started)

- [How to Use](#how-to-use)

- [Linking Your Sentry Account](#linking-your-sentry-for-error-handling)

- [Customizing](#customizing)

- [Deployment](#deployment)

- [Technologies](#technologies-used)

- [For the Future](#for-the-future)

- [Contributors](#contributors)



---



### Sections



✔️ **About Me**  

✔️ **Skills**  

✔️ **Projects**  

✔️ **Experience**    

✔️ **Contact**  



---



### Getting Started



Follow these steps to run the portfolio on your local machine for development.



Requirements:

- **Node.js** v14 or higher

- **Git** v2.17 or higher



```bash

# Clone this repository

git clone https://github.com/sufiankhan-dev/myportfolio.git



# Navigate into the directory

cd myportfolio



# Install dependencies

npm install



# Start the development server

npm run dev

```



---



### How to Use



1. **Edit Content**: Customize `app/data/index.ts` with your personal details.

2. **Add Projects**: Update projects in `app/data/index.ts` to showcase them.

3. **Modify Theme**: Adjust theme colors in to match your brand.



### Linking Your Sentry For Error Handling



Go to sentry, create a new project, create it's auth token and, create a `.env` file with your sentry token:



```plaintext

SENTRY_AUTH_TOKEN=your_token_here

```



### Customizing



Personalize the content by editing key files:



*   **/src/data/index.ts** for content and information.

    

*   **/public** for assets.

    



### Deployment



Deploy on your preferred platform:



*   [Netlify](https://www.netlify.com/): Link repo and deploy.

    

*   [Vercel](https://vercel.com/): Import project, set environment, and deploy.

    



## Technologies Used



- [React](https://reactjs.org/)

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

- [ShadCN UI](https://shadcn.dev/)

- [Accertinity UI](https://accertinity.com/) 

- [Sentry](https://sentry.io/)

- [Tailwind CSS](https://tailwindcss.com/)

- [TypeScript](https://www.typescriptlang.org/)

    



## For the Future

If you can help us with these. Please don't hesitate to open a [pull request](https://github.com/sufiankhan-dev/myportfolio/pulls).



- Connect with LinkedIn to get Summary, Skills, Education and Experience



- Add a CMS (Sanity)



- Add More Sections

    



### Contributors



Thanks to all the contributors who make this project better!