vankythien.dev, an attempt at web dev, and realized I sucks.
Using Next.js 13, enhanced with Tailwind, powered by TypeScript, and seamlessly deployed via Vercel.

Preview ☁️

Getting Started 🎲

Set up the environment variables file with the following variables.

  # https://api.lanyard.rest/v1/users/user_id
  BASE_URL=http://localhost:3000

  NEXT_PUBLIC_DISCORD_ID=
  NEXT_PUBLIC_EMAIL=

  GITHUB_ID=Iv1.
  GITHUB_SECRET=

  GOOGLE_CLIENT_ID=
  GOOGLE_CLIENT_SECRET=

  DATABASE_URL=

  NEXTAUTH_URL_INTERNAL=http://10.240.8.16
  NEXTAUTH_URL=http://localhost:3000
  NEXTAUTH_SECRET=

• Get GITHUB_ID and GITHUB_SECRET from Github OAuth

• Get GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET from Google OAuth

• GET NEXTAUTH_SECRET from NextAuth

  • OR runt the command openssl rand -base64 32 in the CLI
  • OR access to this website NextAuth

Next, run in the CLI (root folder) ☢️

  # install dependencies
  npm install

  # run prisma CLI
  npm prisma run

  # run the development server
  npm run dev
  # or
  yarn dev
  # or
  pnpm dev

Open http://localhost:3000 with your browser to see the result.

Features ✒️

• Discord Presence
• Google OAuth
• Github OAuth
• Lanyard API
• Guestbook
• Kbar
• useSound
• Blog (TBD)
• Reponsive (breh)

Project Folder Structure 💀

Welcome to the project's folder structure! Below is an organized representation of the directories and subdirectories:

## prisma 
├── 📄 schema.prisma

## public
├── 📂 bg
├── 📂 fonts
├── 📂 icons
├── 📂 icons-json
├── 📂 images
├── 📂 mouse
├── 📂 rpg
└── 📂 sounds

## src code
├── 📁 app
│   ├── 📁 about
│   ├── 📁 api
│   ├── 📁 dashboard
│   ├── 📁 contact
│   ├── 📁 guestbook
│   └── 📁 projects
├── 📁 components
│   ├── 📁 about-me
│   │   └── 📁 qa
│   ├── 📁 common
│   ├── 📁 dashboard
│   │   └── 📁 ...
│   ├── 📁 about-me
│   │   └── 📁 ...
│   ├── 📁 footer
│   │   └── 📁 ...
│   ├── 📁 guestbook
│   │   └── 📁 ...
│   ├── 📁 home
│   │   └── 📁 lanyard
│   ├── 📁 navbar
│   └── 📁 purojekuto
│       ├── 📁 (render)
│       │   ├── 📁 many
│       │   └── 📁 one
│       └── 📁 (timeline)
├── 📁 ui
│   └── 📁 ...
├── 📁 hooks
│   └── 📁 lanyard
└── 📁 lib
    ├── 📁 nextauth
    └── 📁 util

## css
├── 📁 styles
│   ├── 📄 global.css
│   ├── 📄 carousal.css
│   ├── 📄 kbar.css
│   ├── 📄 navbar.css
│   ├── 📄 hi.css
│   ├── 📄 timeline.css
│   └── 📄 activity.css
│   └── 📄 solar.css
│   └── 📄 equalizer.css

Tech Stack

• Next.js
• React.js
• Tailwind CSS
• Prisma
• NextAuth.js
• PlanetScale

📈 Statistic

Issues 🧻

The repo currently facing two known bugs from Next.js

• Server run out of memory
• Non Post Server Error

Aight 🐧

• Probably not the only one
• At least I think at some point it was an intended portfolio, until it doens't
• it turns out, aight.

📝 License & Forking/Cloning

All code in this repository is licensed under the GNU Affero General Public License v3—see the LICENSE file for more information. Please remove all of my personal information and related stuff. If you want to use this repo. This is source-available. Feels free to do so and give it a star.