macOS Themed Portfolio Website

A modern, sleek portfolio website built with Next.js, featuring a macOS-inspired design aesthetic and an IBM-style preloader animation. This project combines the power of modern web technologies with the iconic visual language of macOS to create an engaging and intuitive user experience.

✨ Features

• macOS Design Language

  • Window-style components with familiar controls
  • System-inspired typography and spacing
  • Dock-like navigation
  • Native-feeling animations and transitions
  • Music Player
  • Chat Bot

• Technical Highlights

  • Built with Next.js for optimal performance
  • IBM-inspired preloader animation
  • Fully responsive design
  • Dynamic theme switching
  • Smooth page transitions
  • SEO optimized

🚀 Live Demo

Visit the live website: https://www.ekas.site/

🛠️ Technologies Used

• Next.js
• React
• Tailwind CSS
• Framer Motion
• TypeScript

📦 Installation

1. Clone the repository:

git clone https://github.com/ekas-7/MAC-OS-Themed-Portfolio.git

2. Navigate to the project directory:

cd MAC-OS-Themed-Portfolio

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

5. Open http://localhost:3000 in your browser.

📱 Responsive Design

The portfolio is optimized for various screen sizes:

• Desktop (1024px and above)
• Tablet (768px to 1023px)
• Mobile (below 768px)

🎨 Customization

Theme Colors

Modify the theme colors in tailwind.config.js:

module.exports = {
  theme: {
    extend: {
      colors: {
        primary: '#your-color',
        secondary: '#your-color',
        // Add custom colors
      }
    }
  }
}

Layout

Adjust the layout components in components/layout/

📜 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📞 Contact

Connect with me on X- @Ekas_7

Project Link: https://github.com/ekas-7/MAC-OS-Themed-Portfolio

🙏 Acknowledgments

• macOS design inspiration from Apple
• IBM for the preloader animation concept
• Next.js team for the amazing framework
• All contributors who helped enhance this project

---

Made with ❤️ by EKaspreeet Singh Atwal