https://github.com/bforbilly24/bforbilly
New Personal Portfolio
https://github.com/bforbilly24/bforbilly
mdx-js nextjs postgresql prisma shadcnui tailwindcss
Last synced: 5 months ago
JSON representation
New Personal Portfolio
- Host: GitHub
- URL: https://github.com/bforbilly24/bforbilly
- Owner: bforbilly24
- Created: 2024-03-22T01:04:45.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-07-12T18:41:45.000Z (12 months ago)
- Last Synced: 2025-07-12T18:42:19.364Z (12 months ago)
- Topics: mdx-js, nextjs, postgresql, prisma, shadcnui, tailwindcss
- Language: TypeScript
- Homepage: https://bforbilly.me
- Size: 5.16 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bforbilly
[](https://codetime.dev)
A modern developer portfolio built with Next.js, featuring real-time coding activity tracking powered by [CodeTime](https://codetime.dev).
## Features
- **Real-time Coding Activity**: Track coding sessions, languages, and productivity metrics
- **CodeTime Integration**: Display coding statistics, total hours, and language breakdown
- **Interactive Dashboard**: Visual representation of coding patterns and preferences
- **Responsive Design**: Optimized for desktop and mobile devices
- **Dark/Light Mode**: Theme switching with system preference detection
## CodeTime Integration
This portfolio integrates with CodeTime to provide real-time insights into coding activity:
- **Total Coding Time**: Displays cumulative coding hours across all projects
- **Language Statistics**: Shows the most used programming languages with time breakdown
- **Project/Workspace Tracking**: Monitors time spent on different projects
- **Platform Analytics**: Tracks coding activity across different operating systems
- **Live Badge**: Real-time CodeTime badge showing current coding activity
The integration uses CodeTime's v3 API with authenticated endpoints to ensure accurate and personalized data display.
## Preview
## Stack
- [NextJS 14](https://nextjs.org) - Next.js is a React framework for building full-stack web applications, in this site i use App Router.
- [TailwindCSS](https://tailwindcss.com) - A utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.
- [Shadcn UI](https://ui.shadcn.com/) - Beautifully designed components built with Radix UI and Tailwind CSS.
## Running Locally
1. Clone the repository
```bash
git clone https://github.com/bforbilly24/bforbilly.git
cd bforbilly
```
2. Install dependencies
```bash
bun install
# or
npm install
```
3. Set up environment variables
```bash
cp .env.example .env
```
Add your CodeTime API token to `.env`:
```env
CODETIME_API_TOKEN=your_codetime_api_token_here
CODETIME_API_BASE_URL="https://api.codetime.dev/v3"
```
To get your CodeTime API token:
1. Visit [CodeTime](https://codetime.dev)
2. Sign up/Sign in with your GitHub account
3. Go to your dashboard and generate an API token
4. Start the development server
```bash
bun dev
# or
npm run dev
```
The application will be available at `http://localhost:3000`.