https://github.com/jcserv/portfolio

The latest version of my personal portfolio! Feel free to fork it, star it, etc!
https://github.com/jcserv/portfolio

portfolio-template portfolio-website react shadcn-ui tailwindcss vite

Last synced: 7 days ago
JSON representation

The latest version of my personal portfolio! Feel free to fork it, star it, etc!

• Host: GitHub
• URL: https://github.com/jcserv/portfolio
• Owner: jcserv
• License: gpl-3.0
• Created: 2020-04-28T19:39:58.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-11-29T16:19:00.000Z (24 days ago)
• Last Synced: 2024-11-29T17:26:09.447Z (24 days ago)
• Topics: portfolio-template, portfolio-website, react, shadcn-ui, tailwindcss, vite
• Language: TypeScript
• Homepage: http://jarrodservilla.com
• Size: 5.33 MB
• Stars: 76
• Watchers: 1
• Forks: 22
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## 🚀 Portfolio V3.0

![visitors](https://img.shields.io/endpoint?url=https://vu-mi.com/api/v1/views?id=jcserv/portfolio)

> [!TIP]

> Want to use this portfolio? Click the fork button above!

>

> Want to build from (almost) scratch, with all the boring stuff configured? Check out this [starter template](https://github.com/jcserv/react-vite-shadcn-template).

This portfolio has been rewritten in TypeScript, revamped with responsiveness & accessibility in mind, and to try out some new libraries.

Changes from V2.0:

- 🏙️ TypeScript

- 🔍 Search bar, powered by Fuse.js

- ⌨️ Keyboard navigation

- 🗞️ Added a certificates section under about

- 😎 Updated with the latest trendy UI libraries (shadcn, tailwindcss, vite)

- 🐛 Fixed some jittering bugs, like in the Experience section

See previous versions of my portfolio:

- V2.0: [github](https://github.com/jcserv/portfoliov2), [deployment](https://portfoliov2-taupe-one.vercel.app/) (Chakra-UI, frontend PWA)

- V1.0: [github](https://github.com/jcserv/portfoliov1) (react-bootstrap, client/server)

## 💼 Prerequisites

- [Node.js](https://nodejs.org/en/download/)

- [pnpm](https://pnpm.io/installation)

## ⚙️ Installing

1. Clone the latest code on the master branch

2. Install dependencies

   - `pnpm i`

3. Run the web server!

   - `pnpm dev`

## 🎈 Usage

- Navigate to http://localhost:5173 on your browser

## 💫 Deployment

Import your project into Vercel. It will now have automated deployments on push.

## ⛏️ Built With

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

- [shadcn](https://ui.shadcn.com/)

- [TailwindCSS](https://tailwindcss.com/)

- [Vite](https://vite.dev/)

## 📗 Acknowledgements

The design of the site was heavily influenced by a lot of awesome portfolios out there, such as:

- Brittany Chiang

- Matthew Williams

- Chris Dermody

- Jacek Jeznach (link is dead)

## Problems for Future Jarrod

(still on the fence about re-adding...)

- More projects section?

- Contact section?