Skip to content

cdanwards/terminal-site

Repository files navigation

Terminal Portfolio Website

A unique portfolio website that simulates a terminal interface, allowing visitors to navigate through different sections using terminal commands.

Terminal Website Screenshot

Features

  • 🖥️ Terminal Interface: Navigate the site using familiar terminal commands
  • 🌌 Interactive Galaxy Background: Cosmic background with dynamic stars and galaxy effects
  • 🌓 Light/Dark Mode: Toggle between light and dark themes
  • ⌨️ Command Suggestions: Helpful command suggestions for easy navigation
  • 📱 Responsive Design: Works on desktop and mobile devices

Technologies Used

  • Next.js - React framework for server-side rendering and static site generation
  • TypeScript - Type-safe JavaScript
  • Tailwind CSS - Utility-first CSS framework
  • CSS Animations - Custom animations for galaxy background and terminal effects

Commands

The website supports the following terminal commands:

  • about - Learn about me
  • projects - View my portfolio projects
  • skills - See my technical skills
  • resume - View my professional experience
  • contact - Get in touch with me
  • help - List all available commands
  • theme - Toggle between light and dark modes

Getting Started

  1. Clone the repository:

    git clone https://github.com/cdanwards/terminal-website.git
    cd terminal-website
  2. Install dependencies:

    npm install
    # or
    yarn install
  3. Run the development server:

    npm run dev
    # or
    yarn dev
  4. Open http://localhost:3000 in your browser to see the result.

Project Structure

  • app/ - Next.js application code
    • components/ - React components
    • helpers/ - Helper functions and utilities
    • globals.scss - Global styles and animations

Featured Projects

This terminal website showcases my other projects:

License

MIT

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published