diff --git a/README.md b/README.md index e385060..117d4c5 100644 --- a/README.md +++ b/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: