I Built a Retro CRT Terminal Portfolio (TUI) with Astro.js v5 & Tailwind CSS

Eclipse 🍃 — Wed, 05 Aug 2026 07:15:35 +0000

Hey everyone! I just open-sourced astro-tui-portfolio, a retro terminal-inspired portfolio template built with Astro.js v5 & Tailwind CSS v4.

Features:

Interactive bash-like CLI + Visual GUI Dashboard
5 CRT Phosphor color themes (Green, Amber, Cyan, Dracula, Mono)
Web Audio API sound synthesizer
HTML5 Canvas Matrix Rain overlay

Feel free to check out the repo and use it for your own portfolio:

👉 GitHub: https://github.com/nivinvysakh/astro-tui-portfolio

Let me know your thoughts or feedback! ⭐

Build your own Discord Chat GPT Bot.

Eclipse 🍃 — Sat, 10 Jun 2023 16:08:24 +0000

Are you looking to create a Discord bot that can interact with users using natural language processing? Then, you're in luck! In this tutorial, we'll walk you through the steps to create a Discord bot and integrate it with OpenAI.

Step 1: Create a Discord Bot
The first step is to create a Discord bot. You can create a bot by following the official Discord Developer Portal documentation. Once you have created a bot, you will receive a token that you will need to use in your code.

Step 2: Install Dependencies
To use OpenAI in your bot, you will need to install the openai Python package. You can install it using pip:

pip install openai

You will also need to install the discord.py package to interact with the Discord API:

pip install discord.py

Step 3: Create a Python Script
Next, create a Python script that will handle the bot's logic. Here's a sample script that responds to user messages using OpenAI:

import discord
import openai
from discord.ext import commands

openai.api_key = "YOUR_API_KEY"

bot = commands.Bot(command_prefix='!')

@bot.event
async def on_ready():
    print(f'{bot.user.name} has connected to Discord!')

@bot.event
async def on_message(message):
    if message.author == bot.user:
        return

    response = openai.Completion.create(
        engine="davinci",
        prompt=message.content,
        max_tokens=60
    )

    await message.channel.send(response.choices[0].text)

bot.run("YOUR_DISCORD_BOT_TOKEN")

Replace YOUR_API_KEY with your OpenAI API key and YOUR_DISCORD_BOT_TOKEN with your Discord bot token.

Step 4: Run the Bot
To run the bot, save the Python script as bot.py and run the following command in your terminal:

python bot.py

This will start the bot and connect it to your Discord server.

Step 5: Test the Bot
Finally, test the bot by sending a message on your Discord server. The bot should respond with a message generated by OpenAI.

That's it! You have successfully created a Discord bot that can interact with users using OpenAI. With this powerful combination, you can create a bot that can answer questions, provide recommendations, and much more.

DEV Community: Eclipse 🍃

I Built a Retro CRT Terminal Portfolio (TUI) with Astro.js v5 & Tailwind CSS

Features:

Build your own Discord Chat GPT Bot.