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

https://github.com/gaurav-sarage/gauravsarage

Personal Portfolio built using TypeScript. Inspired from Brittany Chiang's portfolio design
https://github.com/gaurav-sarage/gauravsarage

framer-motion iconify nextjs portfolio tailwindcss typescript vercel

Last synced: 17 days ago
JSON representation

Personal Portfolio built using TypeScript. Inspired from Brittany Chiang's portfolio design

Awesome Lists containing this project

README

        


gaurav-sarage.vercel.app


A portfolio website i.e. gaurav-sarage.vercel.app built with Next.js and hosted with Vercel






![gaurav-sarage-nextjs-portfolio](https://user-images.githubusercontent.com/85820227/231833369-cecb13b5-3598-4f0a-b7dc-460a1e206e93.png)

## Sections

- Hero
- About
- Skills
- Experience
- Projects
- Contact

## Built With

- [Next.js](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/) - For animations
- [Iconify](https://icon-sets.iconify.design/) - For icons
- [Lottie Files](https://lottiefiles.com/) - For illustrations

## How To Use

###### To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [yarn](https://yarnpkg.com) installed on your computer).

1. Fork this repository and clone the project

###### Please give me proper credit by linking back to [gaurav-sarage.vercel.app](https://gaurav-sarage.vercel.app/).

```bash
git clone https://github.com/gaurav-sarage/portfolio-website.git
```

2. Go to the project directory

```bash
cd portfolio-website
```

3. Install dependencies

```bash
yarn
```

4. Start the server

```bash
yarn dev
```

- To change the content, edit `src/utils/portfolio.ts`

- To change the **resume**, change `/public/resume.pdf` with your resume (name must be `resume.pdf`)

- To change the **About Section**, edit `src/containers/About.tsx`

- To change the theme, edit `src/styles/globals.css`

## Continuous Development

- [x] Add animation with framer-motion
- [ ] Add Content Management System (CMS)
- [ ] Add test cases
- [ ] Separate route (archive) for all the projects with filters
- [ ] Switch to Next 13

## Contact

- Website - [gaurav-sarage.vercel.app](https://gaurav-sarage.vercel.app)
- Github - [@gaurav-sarage](https://github.com/gaurav-sarage)
- LinkedIn - [@gaurav-sarage](https://www.linkedin.com/in/gaurav-sarage/)
- Twitter - [@gauravsarage4](https://www.twitter.com/gauravsarage4)
- Instagram - [@gauravsarage_19](https://www.instagram.com/gauravsarage_19)

## Acknowledgements

- [https://developer-portfolio-1hanzla100.vercel.app/](https://developer-portfolio-1hanzla100.vercel.app/) - Design Inspiration
- [https://brittanychiang.com/](https://brittanychiang.com/) - Design Inspiration

## Show Your Support

Give a ⭐️ if you liked this project!