https://github.com/ganeshaampuh/portfolio
https://github.com/ganeshaampuh/portfolio
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ganeshaampuh/portfolio
- Owner: ganeshaampuh
- License: mit
- Created: 2025-03-04T03:47:59.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-04T04:21:42.000Z (3 months ago)
- Last Synced: 2025-03-04T05:25:46.777Z (3 months ago)
- Language: TypeScript
- Homepage: https://portfolio-gsnr.vercel.app
- Size: 60.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio
Portfolio is a neobrutalism-styled nextjs tailwind template for portfolios.
## Get started
[Create a new repo](https://github.com/neobrutalism-templates/portfolio/generate) from this template.
### Installation
This template uses `pnpm` package manager so make sure you have it installed.
To install all dependencies run:
```bash
pnpm i
```
To run the app locally:
```bash
pnpm run dev
```
### Config
- Inside `layout.tsx` update the metadata
- Inside `page.tsx` update the content
- Update the `favicon.ico`
### Content config
#### Links on the home page
To update the links on the home page go to `src/components/links.tsx` and inside `links` array add or remove objects. Each object has 2 properties, `icon`, and `href`. `href` is self-explanatory, and inside `icon` you'll put an icon imported from `@icons-pack/react-simple-icons`. Visit [simpleicons.org](https://simpleicons.org/) to see all the icons. Import them by adding `Si` prefix to their name as I imported them in `links` component.
#### Updating the rest of the content
Inside `data` folder you have the rest of the content you can edit.
#### Updating the `previewImage` in `projects.ts`
Make sure to put `/` + name of the picture that's inside public folder. e.g. you have a `my-project.png` picture inside `public` folder, you'll type:
```ts
previewImage: '/my-project.png'
```
##### Image aspect ratio
Inside `app/work/page.tsx` `previewImage` is wrapped inside AspectRatio component. Change the `ratio` prop so it suits your needs (default preview images are 710 x 260, so I set the ratio to be `71 / 26`).
#### Updating skills
I need to clarify how to edit skills since it looks confusing at first. Inside the `skills.ts` inside the `SKILLS` array, each object in the array is a field of skills (can be anything: frontend, backend, devops, design etc). Each object has a `field` prop which is the field name. Also, each object has a `skills` array where each array member has a `skill` value (used as tooltip value), and `icon` is the icon that will be displayed.
You update them the same way you'd update links on the home page.
### Styling
To change the styling visit [styling docs](https://neobrutalism-components.vercel.app/docs/styling), and copy the desired styling to tailwind config like it's shown in the styling docs.