Skip to content

A lightweight Mac terminal simulator with animated typing, customizable commands, and dynamic terminal info. For demo and UI design purposes only.

License

Notifications You must be signed in to change notification settings

alireza-tahriri-masule/mac-terminal-simulator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mac Terminal Simulation 🚀

A sleek and dynamic simulation of a macOS terminal, built using modern web technologies. This project showcases a fully responsive design, real-time command execution, and typewriter-style animations to replicate the terminal experience.


🌟 Features

  • 🎨 Realistic UI: macOS-style terminal with interactive buttons.
  • ⚡ Dynamic Commands: Fetch commands and results from a JSON file.
  • 📱 Responsive Design: Adapts seamlessly across devices.
  • ⌨️ Typewriter Animation: Realistic typing effect for commands and outputs.
  • 🔧 Customizable: Easily extend commands or styles for your needs.

🎥 Demo

Check out the project in action:

demo.mp4

🚀 How to Run

  1. Clone the repository:
    git clone https://github.com/alireza-tahriri-masule/mac-terminal-simulator.git
  2. Navigate to the project directory:
    cd mac-terminal-simulator
  3. Open the index.html file in your browser to see the terminal simulation.

📚 Usage Instructions

Once the simulation is running, follow these steps to interact with the terminal:

  1. Watch the Simulation
    The terminal automatically simulates commands and displays the output with a typewriter effect.

  2. Modify Commands
    You can customize the commands and their outputs by editing the commands.json file located in the src/json directory.
    Example structure of the JSON file:

    [
        {
            "command": "ls",
            "result": "Documents  Downloads  Music  Pictures  Videos"
        },
        {
            "command": "pwd",
            "result": "/Users/username"
        }
    ]
  3. Style the Terminal
    Modify the src/css/app.css file to adjust the terminal’s design, such as colors, fonts, and dimensions.

  4. Run Custom Code
    Update the logic in src/js/app.js to add more functionality or customize animations and effects.

  5. Responsive Design
    Test the terminal on different devices to see its adaptive behavior.


🤝 Contributing

We welcome contributions to enhance Mac Terminal Simulation!

Steps to Contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Test your changes thoroughly.
  4. Submit a pull request with a detailed explanation of your modifications.

📄 License

Mac Terminal Simulation is licensed under the MIT License, making it open for use, modification, and distribution.


📬 Contact

For questions, suggestions, or feedback, feel free to reach out:

Happy simulating! 🚀🎉

About

A lightweight Mac terminal simulator with animated typing, customizable commands, and dynamic terminal info. For demo and UI design purposes only.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published