https://github.com/baberlabs/portfolio
Personal portfolio website built with React and Tailwind CSS. Lists projects, background, and contact information.
https://github.com/baberlabs/portfolio
frontend personal-website portfolio react react-router tailwindcss vite
Last synced: 2 months ago
JSON representation
Personal portfolio website built with React and Tailwind CSS. Lists projects, background, and contact information.
- Host: GitHub
- URL: https://github.com/baberlabs/portfolio
- Owner: baberlabs
- Created: 2024-06-09T13:15:20.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-12-26T20:28:37.000Z (6 months ago)
- Last Synced: 2026-04-12T06:38:16.373Z (2 months ago)
- Topics: frontend, personal-website, portfolio, react, react-router, tailwindcss, vite
- Language: JavaScript
- Homepage: https://baberr.com/
- Size: 26.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio
Personal portfolio website.
Live (on Netlify): https://baberr.com
## Built With
- React
- React Router
- Tailwind CSS
- Vite
## Contents
- Projects
- Background and CV
- Contact information
## Project Data
The projects shown on the site are populated from a single data file (`projects.js`).
Each project is defined as a plain JavaScript object (title, description, links, tech used, etc.), which allows new projects to be added or updated without changing page logic or components.
This keeps the site content easy to maintain and avoids duplicating project details across the codebase.
```js
export const projects = [
{
title: String,
description: String,
github_monorepo: String | null,
github_client: String | null,
github_server: String | null,
live: String,
image: String,
built_using: [String],
isPaired: Boolean,
},
];
```
## Local Development
```bash
git clone https://github.com/baberlabs/portfolio.git
cd portfolio
npm install
npm run dev
```
## License
The **design and code** in this repository may be reused with attribution.
The **content** (text, images, personal information) is personal and may not be reused without explicit permission.