Please sign in to access this page

Interactive Retro Terminal

Interactive Retro Terminal

2 devlogs
31m
•  Ship certified
Created by zeni

An interactive, retro-style terminal built with HTML, CSS, and vanilla JavaScript. This project simulates a hacker's command-line interface, complete with a boot-up sequence, ASCII art, and dynamic "typing" animations. It's designed as a unique and creative way to present a portfolio or personal information. Key features include handling commands (help, about, skills, contact), command history (up/down arrows), and a customizable boot sequence.

Timeline

This session focused on adding a major visual feature and creating comprehensive project documentation.
Matrix Rain Effect: The most significant update is the implementation of the iconic matrix rain effect.
A new matrix command was added to toggle the animation.
This was achieved by adding an HTML <canvas> element and writing a JavaScript function to draw the falling green characters, creating a dynamic background.
The effect can be turned on and off seamlessly, allowing the user to customize their experience.
Project Documentation (README): To make the project more accessible and understandable for other developers, a detailed README.md file was created.
It includes a project description, a full list of features, and instructions on how to use and customize the terminal.
Internationalization: The README.md file was then translated from Russian to English, making the project's documentation available to a wider audience.
With these changes, the project is not only more visually impressive but also properly documented and ready for sharing.

Update attachment
WheeledCord WheeledCord 6 days ago
yeah pal your project doesnt work fix yo links

Ship 1

1 payout of shell 2.0 shells

zeni

about 1 month ago

zeni Covers 1 devlog and 10m

Initial project setup and core feature implementation for the Interactive Retro Terminal.
Foundation: Created the basic index.html, style.css, and script.js files. The initial version includes a functional terminal with a command input line.
Core Logic: Implemented the main JavaScript logic to handle user input. This includes parsing commands, displaying output with a typing animation, and managing a command history accessible with the up and down arrow keys. Basic commands like help, about, skills, and contact are now functional.
Aesthetic Enhancements: To make the project круче (cooler), I added a simulated system boot-up sequence that runs on page load. This was followed by an ASCII art logo to establish a strong retro, hacker vibe before the user can interact with the terminal.
Personalization: Updated the contact command to include the user's Discord (zeni_iii).
The total session focused on building a fully interactive and visually engaging web application from scratch, moving beyond a simple page to a feature-rich, themed experience.

Update attachment