diff --git a/README.md b/README.md index 6edb3fb..aa439ba 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,28 @@ -# React + Vite +🌙 **ochi.design Dark Theme Clone with React and Vite** -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. +![Project Preview][(https://mooosakhan.github.io/ochi.design_clone/)] -Currently, two official plugins are available: +### 🌟 Description +Recreated the captivating **ochi.design** website with a sleek dark theme using React and Vite. This project mirrors the original's aesthetic while offering a modern dark mode experience, ideal for users who prefer darker interfaces. -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh +### ✨ Features +- **Dark Mode:** Enhanced usability in low-light environments with a stylish dark color palette. +- **Responsive Design:** Ensured seamless performance across various devices and screen sizes. +- **Component Reusability:** Leveraged React's component-based architecture for scalability and code maintainability. +- **Optimized Build:** Utilized Vite for rapid development and optimized production builds. +### 🚀 Technologies Used +React, Vite, JavaScript, HTML5, CSS3 + +### 📝 How to Use +1. **Clone the repository:** `git clone https://github.com/your-username/ochi-design-dark-theme` +2. **Install dependencies:** `npm install` +3. **Start the development server:** `npm run dev` +4. **Open** `localhost:3000` **in your browser.** + +### 🤝 Contributions +Contributions are welcome! Feel free to fork the repository and submit pull requests for enhancements or bug fixes. + +### 🙏 Acknowledgments +- Original design inspiration from [ochi.design](https://ochi.design) +- Built with ❤️ by Moosa