## 🚀 Portfolio V3.0

> [!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:

- <a href="https://brittanychiang.com/">Brittany Chiang</a>
- <a href="http://findmatthew.com/">Matthew Williams</a>
- <a href="https://chippd.github.io/">Chris Dermody</a>
- Jacek Jeznach (link is dead)

## Problems for Future Jarrod

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

- More projects section?
- Contact section?