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: about 1 month ago
JSON representation
Personal Portfolio built using TypeScript. Inspired from Brittany Chiang's portfolio design
- Host: GitHub
- URL: https://github.com/gaurav-sarage/gauravsarage
- Owner: gaurav-sarage
- License: mit
- Created: 2023-04-12T17:41:50.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-02T08:54:42.000Z (7 months ago)
- Last Synced: 2024-11-02T09:25:57.418Z (7 months ago)
- Topics: framer-motion, iconify, nextjs, portfolio, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://gaurav-sarage.vercel.app
- Size: 846 KB
- Stars: 30
- Watchers: 2
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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
## 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!