Skip to content
This repository has been archived by the owner on Jan 24, 2024. It is now read-only.
/ website Public archive

๐Ÿš€ Source codes of my personal website. Developed with Nuxt 3 & TailwindCSS.

License

Notifications You must be signed in to change notification settings

barbecue/website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

96 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ– Barbecue's Website

Vercel Discord

Example image of Website.

I have been developing myself in the frontend/backend field for almost 3 years and I have made a lot of websites for myself. However, I kept most of them simple, but in this website, I will try different things and share them with you as open-source because people can contribute to this project and benefit from this template.

โค๏ธโ€๐Ÿ”ฅ Features

  • Real-time discord status from Lanyard API
  • Sections for introducing yourself
    • Your projects, a self-introduction text, known languages, programs etc., contact information.
  • Spotify API to display your recently listened songs.
  • MyAnimeList API to display your recenlty watched animes.
  • Light & Dark theme support.

๐Ÿ“ To-Do

  • GitHub Repositories section.
  • Real-time discord playing status.
  • Static Blog.
  • A page where I can put my own small tools.
  • The 'Support this website on GitHub' message that appears when you first enter the site.
  • Cache for Anime and Song List.
  • Language Support
  • PWA Support.

๐ŸŒ Changing Favicon

  • Create your favicon files using Favicon Generator.
  • Replace files in src/public/assets/images/meta.
  • Replace manifest.json in src/public/assets.
  • Replace icon with your icon.

โ™ป๏ธ Changing Meta Tags

You can update meta tags on nuxt.config.ts.

๐Ÿ”ง Getting Started

Next, use a package manager to download the packages:

  • Yarn: yarn install
  • Npm: npm install
  • Pnpm: pnpm install

If you want the anime and Spotify features to work, you need to edit the .env.example file. After editing, rename it as .env.

To start in development mode:

  • Yarn: yarn run dev
  • Npm: npm run dev
  • Pnpm: pnpm run dev

To build:

  • Yarn: yarn run build
  • Npm: npm run build
  • Pnpm: pnpm run build

โš ๏ธ P.S: You cannot run this website in static mode.