Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kanakkholwal/portfolio_older
https://github.com/kanakkholwal/portfolio_older
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/kanakkholwal/portfolio_older
- Owner: kanakkholwal
- Created: 2023-08-26T09:08:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-18T09:25:21.000Z (6 months ago)
- Last Synced: 2024-11-10T14:15:51.800Z (about 2 months ago)
- Language: JavaScript
- Homepage: https://portfolio-kkupgrader.vercel.app
- Size: 37.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal portfolio
My design portfolio to showcase a few projects. Built with [Next.js](https://nextjs.org/), [Three.js](https://threejs.org/), and [Framer Motion](https://www.framer.com/motion/). View the [live site](https://hamishw.com) or check out a live version of the [components storybook](https://storybook.hamishw.com).
## Install & run
Make sure you have nodejs `18.0.0` or higher and npm `8.6.0` or higher installed. Install dependencies with:
```bash
npm install
```
Once it's done start up a local server with:
```bash
npm run dev
```
To view the components storybook:
```bash
npm run storybook
```
To create a production build:
```bash
npm run build
```
## Deployment
I've set up the site using AWS for hosting and serverless functions. You'll need an AWS account and the AWS CLI installed in order to deploy.
Deploy the site to s3:
```bash
npm run deploy
```
Deploy serverless functions:
```bash
cd functions
```
```bash
npm run deploy:api
```
## Permissions
I'm cool with anyone using the code or parts of the code for their own site, it is open source so people can learn from it and adapt it. However, I would encourage you to modify the theme and components it to make it your own. If you are using the site's design largely unmodified, I'd appreciate being credited as the designer of the website.
I do not give permission to present any of my projects as your own (this is being actively used as my portfolio site and these are my real projects I've worked on).
## FAQs
How do I change the color on the DisplacementSphere (blobby rotating thing in the background).
You'll need to edit the fragment shader. [Check out this issue for more details](https://github.com/HamishMW/portfolio/issues/19#issuecomment-870996615).
How do I get the contact form to work?
It's set up using a serverless function with AWS Lambda. You'll need to set up an AWS account and deploy the function. [Refer to this issue for more details](https://github.com/HamishMW/portfolio/issues/21#issuecomment-958727113).