Merge pull request #22 from rayesyounes/DevBranch

Update UI / Documentation

.github/workflows/qodana.yml

@@ -17,4 +17,4 @@
 #       - name: 'Qodana Scan'
 #         uses: JetBrains/[email protected]
 #         env:
-#           QODANA_TOKEN: ${{ secrets.QODANA_TOKEN }}
+#           QODANA_TOKEN: ${{ secrets.QODANA_TOKEN }}

README.md

@@ -1,8 +1,66 @@
-# React + Vite
+# BellaMercato Shop
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+## **Introducing BellaMercato**
 
-Currently, two official plugins are available:
+🚀 Introducing BellaMercato, a sleek online shopping destination built using the robust React JavaScript library! Our goal is to offer a simple, delightful shopping experience, allowing you to easily browse and buy a wide range of products. Get started with BellaMercato by following the detailed installation and usage guidelines in our README.md file. Dive into a seamless, enjoyable user experience today! 💻🛍️
+
+- **Deployed Site:** [BellaMercato](https://bellamercato.vercel.app)
+- **Author(s) LinkedIn:** [Spoutnikrs](https://www.linkedin.com/in/rayesyounes)
+
+## Installation
+
+To run BellaMercato locally, follow these steps:
+
+1. Clone the repository:
+
+    ```bash
+    git clone https://github.com/rayesyounes/BellaMercato.git
+    ```
+
+2. Navigate to the project directory:
+
+    ```bash
+    cd BellaMercato
+    ```
+
+3. Install dependencies:
+
+    ```bash
+    npm install
+    ```
+
+4. Start the development server:
+
+    ```bash
+    npm run build
+    ```
+
+5. Open your browser and visit `http://localhost:3000` to view the application.
+
+## Usage
+
+BellaMercato offers a user-friendly interface to browse through various product categories, add items to the cart, and complete the checkout process. Here's a brief overview of its main features:
+
+- **Product Catalog:** Explore a wide range of products sorted into different categories.
+- **Search Functionality:** Quickly find specific items using the search bar.
+- **User Authentication:** Register an account or sign in to access personalized features.
+- **Shopping Cart:** Add products to the cart and proceed to checkout.
+- **Checkout Process:** Enter shipping details and complete the purchase securely.
+
+## Contributing
+
+We welcome contributions from the community to improve BellaMercato. If you'd like to contribute, please follow these guidelines:
+
+1. Fork the repository and create your branch (`git checkout -b feature/your-feature`).
+2. Commit your changes (`git commit -am 'Description of your changes'`).
+3. Push to the branch (`git push origin feature/your-feature`).
+4. Create a new Pull Request.
+
+## Licensing
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+---
+
+💡 At BellaMercato, we're more than just an online store - we're passionate about crafting exceptional user experiences! 🛍️ Throughout our journey, we've faced challenges, made tough decisions, and gained valuable insights that have shaped our platform. Our vision for BellaMercato extends beyond its current state, and we're excited about what the future holds! 💫 Thank you for joining us on this journey and being part of our community! 🙌
 
-- [@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