ToDesktop App Tailwind

A responsive clone of the ToDesktop desktop app landing page, built using HTML, Tailwind CSS, and a bit of JavaScript for interactivity.

🔧 Tech Stack

• HTML5
• Tailwind CSS (via PostCSS)
• JavaScript (Vanilla)
• PostCSS
• Node.js/NPM (for building Tailwind)

🔗 Live Demo

https://todesktop1.vercel.app/

🚀 Features

• ✅ Clean and responsive design
• 🎨 Built with Tailwind CSS utility-first framework
• 🖱️ Interactive elements using vanilla JavaScript
• 📱 Mobile-friendly layout with media queries
• 💡 Mimics the original ToDesktop app marketing page

📁 Project Structure

. ├── index.html ├── style.css ├── favicon.ico ├── package.json ├── package-lock.json ├── postcss.config.js ├── tailwind.config.js ├── .gitignore ├── README.md ├── images/ │ └── (image assets) └── public/ └── script.js

🧠 Learning Outcomes

• Improved layout and component structure skills using Tailwind
• Practiced utility-first design thinking
• Enhanced understanding of responsive design
• Basic DOM manipulation with vanilla JavaScript

🚧 Future Improvements

• Add dark/light mode toggle
• Convert to React or Vue for practice
• Add animation using Framer Motion or GSAP
• Improve accessibility (ARIA tags, keyboard navigation)

🔄 Installation

1. Install the repository https://github.com/your-username/todesktop-clone.git cd todesktop-clone

2. Install Dependencies $npm install

3. Get Access $npm run start

4. Click on given link in terminal and access site.

📜 License

This project is for educational purposes only. No affiliation with the original ToDesktop app.

---

Feel free to use, modify, or extend this clone for your learning or portfolio.

Author: Ome Tiwari LinkedIn: https://www.linkedin.com/in/ome-tiwari-9080a9314/