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.
- 🎨 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.
Check out the project in action:
demo.mp4
- Clone the repository:
git clone https://github.com/alireza-tahriri-masule/mac-terminal-simulator.git
- Navigate to the project directory:
cd mac-terminal-simulator
- Open the
index.html
file in your browser to see the terminal simulation.
Once the simulation is running, follow these steps to interact with the terminal:
-
Watch the Simulation
The terminal automatically simulates commands and displays the output with a typewriter effect. -
Modify Commands
You can customize the commands and their outputs by editing thecommands.json
file located in thesrc/json
directory.
Example structure of the JSON file:[ { "command": "ls", "result": "Documents Downloads Music Pictures Videos" }, { "command": "pwd", "result": "/Users/username" } ]
-
Style the Terminal
Modify thesrc/css/app.css
file to adjust the terminal’s design, such as colors, fonts, and dimensions. -
Run Custom Code
Update the logic insrc/js/app.js
to add more functionality or customize animations and effects. -
Responsive Design
Test the terminal on different devices to see its adaptive behavior.
We welcome contributions to enhance Mac Terminal Simulation!
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Test your changes thoroughly.
- Submit a pull request with a detailed explanation of your modifications.
Mac Terminal Simulation is licensed under the MIT License, making it open for use, modification, and distribution.
For questions, suggestions, or feedback, feel free to reach out:
- Name: Alireza Tahriri Masuleh
- Email: alirezatahriri4@gmail.com
Happy simulating! 🚀🎉