🧠 Dastyar Extension (Simulation)

This project is a simulated version of the Dastyar browser extension — featuring most of the core functionalities intended for the real plugin. Built with React and Chakra UI, it serves both as a practice project and a portfolio piece. 🔥

Some of the main technical challenges tackled in this project included:

• Implementing a Persian calendar
• Fetching and displaying weather data
• Designing a responsive layout using Chakra UI

---

🚀 Features

✅ To-Do List

• Add tasks
• Delete tasks
• Save to localStorage
• Edit tasks
• Blur effect

🕒 Time & Weather

• Live clock
• Current day
• Full date display
• Gregorian & Hijri calendar support
• Weather in Ahvaz ☀️
• Daily occasions
• Countdown timer
• Islamic prayer times
• Weather forecast

🔍 Search

• Horizontal scroll for tool suggestions
• Input field functionality
• Bookmark system

📆 Calendar

• Change day/month/year
• Highlight holidays

---

🖼️ Screenshot

---

🛠️ Tech Stack

• Frontend: React , Typescript
• UI Library: Chakra UI
• Build Tool: Vite

---

▶️ Getting Started

Clone the project:

git clone https://github.com/Davoudev/Dastyar-Extensioms.git

Navigate into the project folder:

cd Dastyar-Extensioms

Install dependencies:

npm install

Start the development server:

npm run start

---

🤝 Contributing

Contributions are always welcome!
Feel free to message me on Telegram if you’d like to collaborate.

Let’s keep things respectful and collaborative 🙂

---

📦 Notes

This project uses a minimal setup with React + Vite and includes HMR and ESLint.

Vite officially supports two React plugins:

• @vitejs/plugin-react: uses Babel for Fast Refresh
• @vitejs/plugin-react-swc: uses SWC