System-End/My-website
1
0
Fork 0
mirror of https://github.com/System-End/My-website.git synced 2026-04-19 16:28:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
My website
67 commits 10 branches 0 tags 10 MiB
Find a file
dependabot[bot] bb253b6bb7
chore(deps): bump the ui-libs group with 3 updates (#42) 
Bumps the ui-libs group with 3 updates: [@radix-ui/react-slot](https://github.com/radix-ui/primitives), [lucide-react](https://github.com/lucide-icons/lucide/tree/HEAD/packages/lucide-react) and [tailwind-merge](https://github.com/dcastil/tailwind-merge).


Updates `@radix-ui/react-slot` from 1.2.3 to 1.2.4
- [Changelog](https://github.com/radix-ui/primitives/blob/main/release-process.md)
- [Commits](https://github.com/radix-ui/primitives/commits)

Updates `lucide-react` from 0.474.0 to 0.564.0
- [Release notes](https://github.com/lucide-icons/lucide/releases)
- [Commits](https://github.com/lucide-icons/lucide/commits/0.564.0/packages/lucide-react)

Updates `tailwind-merge` from 2.6.0 to 3.4.1
- [Release notes](https://github.com/dcastil/tailwind-merge/releases)
- [Commits](https://github.com/dcastil/tailwind-merge/compare/v2.6.0...v3.4.1)

---
updated-dependencies:
- dependency-name: "@radix-ui/react-slot"
  dependency-version: 1.2.4
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: ui-libs
- dependency-name: lucide-react
  dependency-version: 0.564.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: ui-libs
- dependency-name: tailwind-merge
  dependency-version: 3.4.1
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: ui-libs
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2026-02-17 06:25:00 +00:00
.github fix: correct github sponsors username in FUNDING.yml 2026-02-16 22:56:03 -07:00
.unused feat: add blog 2026-01-15 12:44:10 -07:00
.vscode feat: add blog 2026-01-15 12:44:10 -07:00
public fix: allow search engine crawling in robots.txt 2026-02-16 22:24:08 -07:00
src style: format with prettier 2026-02-16 22:52:11 -07:00
.cfignore feat: add blog 2026-01-15 12:44:10 -07:00
.editorconfig feat: add blog 2026-01-15 12:44:10 -07:00
.env.example feat: add blog 2026-01-15 12:44:10 -07:00
.gitattributes feat: add blog 2026-01-15 12:44:10 -07:00
.gitignore feat: add blog 2026-01-15 12:44:10 -07:00
.npmrc chore: remove npm-only flags from .npmrc 2026-02-16 22:37:35 -07:00
dev.ps1 feat: add Spotify music integration 2025-02-11 12:49:33 -07:00
eslint.config.js chore(deps): bump the lint-and-format group with 11 updates (#37) 2026-02-16 23:20:31 -07:00
index.html feat: add blog 2026-01-15 12:44:10 -07:00
package.json chore(deps): bump the ui-libs group with 3 updates (#42) 2026-02-17 06:25:00 +00:00
pnpm-lock.yaml chore(deps): bump the ui-libs group with 3 updates (#42) 2026-02-17 06:25:00 +00:00
postcss.config.js feat: add blog 2026-01-15 12:44:10 -07:00
README.md feat: add blog 2026-01-15 12:44:10 -07:00
tailwind.config.js feat: add blog 2026-01-15 12:44:10 -07:00
tsconfig.json feat: add blog 2026-01-15 12:44:10 -07:00
tsconfig.node.json feat: add blog 2026-01-15 12:44:10 -07:00
tsconfig.worker.json feat: add blog 2026-01-15 12:44:10 -07:00
vite.config.ts feat: add blog 2026-01-15 12:44:10 -07:00
wrangler.toml feat: add blog 2026-01-15 12:44:10 -07:00

README.md

Personal Website

For deployments/checks before resigning: see archive/unsigned-history branch

Architecture Overview

This project implements a modern web application architecture leveraging Cloudflare's edge computing capabilities. The architecture consists of two primary components:

  1. React Frontend: A Single Page Application (SPA) built with React and TypeScript
  2. Cloudflare Pages: Static site hosting with global CDN distribution

Getting Started

Prerequisites

  • Node.js (v16.0.0 or higher)
  • npm (v7.0.0 or higher)
  • Cloudflare account
  • Last.fm account and API key
  • Git

API Keys Setup

  1. Last.fm API Key:

    • Visit Last.fm API Account Creation
    • Sign in with your Last.fm account
    • Fill in the application details
    • Save your API key
    • Your username can be found in your profile URL: last.fm/user/YOUR_USERNAME

  2. Cloudflare Setup:

    • Create an account at Cloudflare
    • Get your Account ID from the dashboard
    • Create an API token with Pages deployment permissions

Environment Setup

  1. Clone the repository:
git clone https://github.com/EndofTimee/personal-site
cd personal-site
  1. Create a .env file in the root directory:
VITE_LASTFM_API_KEY=your_lastfm_api_key
VITE_LASTFM_USERNAME=your_lastfm_username
CLOUDFLARE_API_TOKEN=your_cloudflare_api_token
CLOUDFLARE_ACCOUNT_ID=your_cloudflare_account_id
  1. Install dependencies:
npm install

Local Development

Start the development server:

npm start

The application will be available at http://localhost:3000

Deployment

Deployment Steps

npm run build
npx wrangler pages deploy ./dist

Environment Configuration

Cloudflare Pages Configuration:

  1. Build settings:

    • Build command: npm run build
    • Build output directory: dist
    • Node.js version: 16 (or higher)

  2. Environment variables:

    • Production branch: main
    • Preview branches: dev/*

Troubleshooting

Common Issues

  1. Build Issues:

    # Clear dependency cache
rm -rf node_modules
npm clean-cache --force
npm install

  2. Environment Variables:

    # Verify environment variables
npx wrangler secret list

Additional Resources

Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Commit changes
  4. Push to the branch
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details