diff --git a/Good-Vibes-Form/readme.md b/Good-Vibes-Form/readme.md
index 8db0de250..d00869eaf 100644
--- a/Good-Vibes-Form/readme.md
+++ b/Good-Vibes-Form/readme.md
@@ -1,33 +1,37 @@
-# Welcome π to the Good Vibes Form.
-It is a simple and resonsive Good Vibes Form.
+# β¨ Good Vibes Form
-## Desktop View
-
+**Welcome π to the Good Vibes Form!** This is a simple, responsive, and beautifully designed web form built to spread positivity. It is a great mini-project that demonstrates how to create clean, user-friendly interfaces that look great on any screen size.
+
+## β¨ Features
+* **Responsive Design:** Automatically adjusts to look perfect on both desktop and mobile screens.
+* **Clean Interface:** A visually appealing and easy-to-navigate form layout.
+* **Beginner Friendly:** A great example of structuring and styling forms for the web.
+## π» Tech Stack
-## π»Tech Stack
-
+This project is built using the standard building blocks of the web:
-
-
+* **HTML:** To build the structure and input fields of the form.
+* **CSS:** To style the form, make it responsive, and add that "good vibes" aesthetic.
-
+## π How to Run It on Your Computer
-### How to use:
+It is very easy to run this project. You do not need to install any special software!
----
+**1. Download the code:** Open your terminal and clone the repository:
+```bash
+git clone [https://github.com/Ayushparikh-code/Web-dev-mini-projects.git](https://github.com/Ayushparikh-code/Web-dev-mini-projects.git)
+2. Open the project folder: Move into the main folder and find the Good Vibes Form directory:
-- Download or clone the repository
+Bash
+cd Web-dev-mini-projects
+# Navigate to the specific Good Vibes Form folder
+3. Run the app: Find the index.html file inside the folder and double-click it. It will open right up in your default web browser (like Chrome, Firefox, or Edge).
-```
-git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
-```
+4. Test it out: Navigate through the form inputs and see how it responds!top View
+
-- Go to the directory
-- Run the index.html file
-- Navigate the form.
-
-## Happy Coding!
\ No newline at end of file
+## Happy Coding!
diff --git a/breaking-bad-characters/README.md b/breaking-bad-characters/README.md
index b80369463..f44212945 100644
--- a/breaking-bad-characters/README.md
+++ b/breaking-bad-characters/README.md
@@ -1,33 +1,44 @@
-# Breaking Bad Characters - React Application
+# π§ͺ Breaking Bad Characters Explorer
-## About the Project
-A single page web application that uses the breaking bad API to display and filter characters from the show
+A sleek, single-page React application that fetches and displays character data from the Breaking Bad universe. Users can easily browse and dynamically filter through their favorite characters using real-time API data.
-## Technologies Used
+This project is part of the `Web-dev-mini-projects` collection.
-- React
- - Hooks
- - Components
-- CSS
- - CSS Grid
-- Javascript
- - Axios
- - ES6
-- API
- - Breaking Bad API
+## β¨ Key Features
+* **Dynamic Grid Layout:** Displays character profiles in a highly responsive CSS Grid.
+* **Live Filtering:** Instantly search and filter characters by name.
+* **API Integration:** Asynchronously fetches character details (like name, nickname, and portrait) from an external endpoint.
+## π οΈ Tech Stack
+* **Frontend Framework:** React (Functional Components & Hooks)
+* **Styling:** CSS3 (focused on CSS Grid for layout)
+* **JavaScript:** ES6+ syntax
+* **Data Fetching:** Axios for handling asynchronous HTTP requests
-## API Used
-Breaking Bad Character API
+## π‘ API Reference
+This project relies on the Breaking Bad Character API to populate the user interface.
+* **Endpoint Used:** `https://www.breakingbadapi.com/api/characters`
-Link : https://www.breakingbadapi.com/api/characters
+## πββοΈ How to Run Locally
-## How to use the Project
+To get this React application running on your local machine, follow these steps:
-1. Download or clone the repository `git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git`
-2. Go to the directory
-3. Open the terminal, and type `npm start`
+1. **Clone the repository:**
+ ```bash
+ git clone [https://github.com/Ayushparikh-code/Web-dev-mini-projects.git](https://github.com/Ayushparikh-code/Web-dev-mini-projects.git)
+Navigate to the directory:
+Open your terminal and change into the specific Breaking Bad project folder.
+Install dependencies:
+Because this project uses React and Axios, you must install the Node modules first:
+
+Bash
+npm install
+Start the development server:
+
+Bash
+npm start
+The application will automatically compile and open in your default browser at http://localhost:3000
## Screenshots
diff --git a/speed-distance-time-calculator/readme.md b/speed-distance-time-calculator/readme.md
index f45819b1b..ed56c50e0 100644
--- a/speed-distance-time-calculator/readme.md
+++ b/speed-distance-time-calculator/readme.md
@@ -1,5 +1,34 @@
-# Welcome π to the Speed-Distance-Time Calculator Website
-It is a multi pager Speed Distance Time Calculator with simple but user-friendly design.
+# β±οΈ Speed-Distance-Time Calculator
+
+A clean, multi-page web application designed to instantly calculate speed, distance, or time. Featuring a simple and user-friendly interface, this tool provides dedicated calculation pages for each specific metric to ensure a frictionless user experience.
+
+This project is part of the `Web-dev-mini-projects` collection.
+
+## β¨ Key Features
+* **Multi-Page Architecture:** Dedicated pages tailored specifically for calculating Speed, Time, and Distance individually.
+* **Instant Results:** Performs mathematical conversions and calculations in real-time.
+* **Intuitive UI:** A straightforward, accessible design that makes navigation and data entry effortless.
+* **No Dependencies:** Built entirely with pure web technologies for rapid load times.
+
+## π οΈ Tech Stack
+* **HTML5:** Semantic structure and multi-page routing.
+* **CSS3:** Custom styling for a clean, responsive layout.
+* **Vanilla JavaScript:** Mathematical logic and DOM manipulation.
+
+## πββοΈ How to Run Locally
+
+Getting this project running on your machine takes just a few seconds:
+
+1. **Clone the repository:**
+ ```bash
+ git clone [https://github.com/Ayushparikh-code/Web-dev-mini-projects.git](https://github.com/Ayushparikh-code/Web-dev-mini-projects.git)
+Navigate to the correct directory:
+Open your terminal and change into the specific calculator folder:
+
+Bash
+cd Web-dev-mini-projects/speed-distance-time-calculator
+Run the application:
+Simply double-click the index.html file to open the Homepage in your default web browser. (Alternatively, use the "Live Server" extension in VS Code for a better development experience).
## Default view of the website
HOMEPAGE
@@ -25,23 +54,6 @@ Distance Calculator
-### How to get the website on your local machine:
-
----
-
-- Download or clone the repository
-
-```
-git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
-```
-
-- Go to the directory
-```
-cd speed-distance-time-calculator
-````
- - Run the index.html file and see the results
-
-
## Happy Coding!