https://github.com/manpreet-bhatti/my-site-2

My personal website -- feel free to use the code at your own discretion!
https://github.com/manpreet-bhatti/my-site-2

nextjs personal-website react styled-components

Last synced: 5 days ago
JSON representation

My personal website -- feel free to use the code at your own discretion!

• Host: GitHub
• URL: https://github.com/manpreet-bhatti/my-site-2
• Owner: Manpreet-Bhatti
• License: mit
• Created: 2022-08-15T20:51:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-20T20:55:43.000Z (3 months ago)
• Last Synced: 2024-08-20T22:48:23.395Z (3 months ago)
• Topics: nextjs, personal-website, react, styled-components
• Language: JavaScript
• Homepage: https://www.manpreetbhatti.com/
• Size: 22.1 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

        


  





  my-site



![my-site status](https://img.shields.io/website?down_color=red&down_message=offline&label=my-site&up_message=online&url=https%3A%2F%2Fmanpreetbhatti.com%2F)

![my-site release](https://img.shields.io/github/release/Manpreet-Bhatti/my-site-2.svg?style=popout-square) ![my-site issues](https://img.shields.io/github/issues/Manpreet-Bhatti/my-site-2.svg?style=popout-square) ![my-site top language](https://img.shields.io/github/languages/top/Manpreet-Bhatti/my-site-2.svg?style=popout-square) ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=scss&logoColor=white) ![styled-components](https://img.shields.io/badge/styled‐components-DD82CA?style=for-the-badge&logo=styled-components&logoColor=white) ![my-site last commit](https://img.shields.io/github/last-commit/Manpreet-Bhatti/my-site-2.svg?style=popout-square) ![my-site license](https://img.shields.io/github/license/Manpreet-Bhatti/my-site-2) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

### Personal website of Manpreet Bhatti

Check out this [live demo](https://manpreetbhatti.com/) to see my-site in action.

# Getting started

## Let's Install

Install modules

```shell

cd my-site

npm install

```

## Let's Build

Start a development server

```shell

npm run dev

```

or

Create and start a production build

```shell

npm run build

npm run start

```

## Let's Customize

> Fork this project for your customization ideas!

>

> Tip: You should see if these changes work in the development server before building and starting.

### Fonts

To add custom fonts, make sure to import them into `./components/fonts.js` and change `./components/logo.js` and `./lib/theme.js` accordingly.

### Colours

To change colours (or add your own), edit `./lib/theme.js` to your liking. There are many instances where colours weren't used from the theme so keep an eye out (colours will be more centralized in the near future)!

### Skills

To showcase your skills, edit `./pages/projects.js` and add your projects to `./pages/projects` and/or edit `./pages/work.js` and add your work to `./pages/work`!

### Socials

Let others know where they can find you by editing `./pages/index.js` and add your own contact links near the end.

## Let's Publish

There are many great hosting platforms that will have services to showcase your static websites. I used Next.js for this website which goes perfecty with [Vercel](https://vercel.com/); I advise you use it!

## License

![my-site license](https://img.shields.io/github/license/Manpreet-Bhatti/my-site-2)