An open API service indexing awesome lists of open source software.

https://github.com/andrejkoller/retro-desktop-with-cats

Retro website built with HTML, CSS, JavaScript and Bootstrap.
https://github.com/andrejkoller/retro-desktop-with-cats

bootstrap5 cats css3 html5 javascript retro

Last synced: 5 months ago
JSON representation

Retro website built with HTML, CSS, JavaScript and Bootstrap.

Awesome Lists containing this project

README

          

## Short description

A playful retro-styled desktop interface featuring cats with jobs! This project recreates the nostalgic Windows 95/98 desktop experience with a fun cat-themed twist.

## ✨ Features

- Retro Desktop UI: Authentic Windows 95-style interface with dialog windows, desktop icons, and taskbar
- Start Menu: Classic start menu with navigation options
- Working Clock: Real-time clock display in the footer
- Shutdown Animation: Nostalgic shutdown screen transition
- Responsive Design: Built with Bootstrap for modern responsiveness
- Cat-Themed: Because cats work hard too!

## 🛠️ Technologies Used

- HTML5: Structure and markup
- CSS3: Styling with custom retro aesthetics
- JavaScript: Interactive functionality
- Bootstrap 5.3.5: Responsive grid and utilities
- VT323 Font: Authentic retro terminal font

## 📋 Prerequisites

- Node.js and npm installed on your system

## 📦 Installation

1. Clone the repository:
```bash
git clone https://github.com/andrejkoller/retro-desktop-with-cats.git
cd retro-desktop-with-cats
```

2. Install dependencies:
```bash
npm install
```

3. Open the project:
Simply open `src/index.html` in your web browser, or use a local development server:
```bash
npx serve src
```

## 📸 Screenshots
Screenshot 1
Screenshot 2
Screenshot 3