diff --git a/README.md b/README.md
index 87aa6f9..ceae1f5 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,17 @@
-# 2-How-to-Create-a-Github-Developer-Search-Using-HTML-CSS-and-JavaScript
- 2-How-to-Create-a-Github-Developer-Search-Using-HTML-CSS-and-JavaScript
+![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fcodingw3%2F2-How-to-Create-a-Github-Developer-Search-Using-HTML-CSS-and-JavaScript&countColor=%2337d67a)
+
+# How to Create a Github Developer Search Using HTML CSS and JavaScript
+
+![Level](https://img.shields.io/badge/Level-Advanced-red?style=for-the-badge)
+
+- [Video](https://youtu.be/MGF9PcbLN6k)
+- [Demo](https://codingw3.github.io/2-How-to-Create-a-Github-Developer-Search-Using-HTML-CSS-and-JavaScript)
+
+## Technologies
+![HTML 5](https://img.shields.io/badge/HTML%205-E34F26?style=for-the-badge&logo=html5&logoColor=white)
+![CSS 3](https://img.shields.io/badge/CSS%203-1572B6?style=for-the-badge&logo=css3&logoColor=white)
+![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
+![API](https://img.shields.io/badge/-API-black?style=for-the-badge)
+
+## Preview
+![Preview](./resources/images/preview.jpg)