docs: update README.md

README.md

@@ -8,6 +8,7 @@ A simple web application that allows users to preview colors fetched from an API
   - [Table of Contents](#table-of-contents)
   - [Demo](#demo)
   - [Features](#features)
+  - [Technologies Used](#technologies-used)
   - [Installation](#installation)
     - [Step 1: Clone the Repository](#step-1-clone-the-repository)
     - [Step 2: Navigate to the Project Directory](#step-2-navigate-to-the-project-directory)
@@ -17,6 +18,8 @@ A simple web application that allows users to preview colors fetched from an API
 
 ## Demo
 
+![Netlify Status](https://api.netlify.com/api/v1/badges/f2e964a9-aa73-46e9-a8a2-dc5b10f23db7/deploy-status)
+
 You can access the live demo of the "QuickStrike Color Picker" application here: [Live Demo](https://quickstrike-color-picker.netlify.app/)
 ## Features
 
@@ -27,6 +30,10 @@ You can access the live demo of the "QuickStrike Color Picker" application here:
 - Modular code structure using React components.
 - Responsive design for various screen sizes.
 - Code linting and formatting using ESLint and Prettier for code quality and consistency.
+## Technologies Used
+
+![React](https://img.shields.io/badge/React-18.2.0-blue?logo=react) ![Vite](https://img.shields.io/badge/Vite-4.4.5-success?logo=vite) ![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-3.3.3-blueviolet?logo=tailwind-css) ![Axios](https://img.shields.io/badge/Axios-1.5.1-blue?logo=axios)
+
 ## Installation
 
 To run the "QuickStrike Color Picker" application locally, follow these steps: