updated readme and added assets and badges

Author: Cyna298

README.md

@@ -1,7 +1,33 @@
 # GCP Datastore Emulator UI
 
+<!-- Badges -->
+
+![License](https://img.shields.io/badge/license-MIT-blue)
+![Version](https://img.shields.io/badge/version-0.0.1-blue)
+![Go Version](https://img.shields.io/badge/go-1.21.5-blue)
+![Next.js Version](https://img.shields.io/badge/next.js-14.0.4-blue)
+
 A user-friendly, efficient, and modern UI for the GCP Datastore Emulator, designed for ease of use without compromising on resource efficiency.
 
+<div style="display: flex; justify-content: center; align-items: center">
+<img src="assets/gcp.png" height="40"/>
+<img src="assets/datastore.png" height="60"/>
+</div>
+
+<!-- Table of Contents -->
+
+## Table of Contents
+
+- [Introduction](#introduction)
+- [Key Features](#key-features)
+- [Motivation](#motivation)
+- [Getting Started](#getting-started)
+- [Demo](#demo)
+- [Roadmap](#roadmap)
+- [Contributing](#contributing)
+- [License](#license)
+- [Support and Contact](#support-and-contact)
+
 ## Introduction
 
 GCP Datastore Emulator UI is an open-source project aimed at providing a simple yet powerful user interface for the GCP Datastore Emulator. It's built with a focus on minimal resource usage, combining Golang and Next.js to serve a static site from the same server. This approach not only simplifies deployment but also ensures low overhead.
@@ -60,6 +86,10 @@ We're working towards providing standalone releases of the GCP Datastore Emulato
 
 ---
 
+## Demo
+
+![Demo](assets/demo.gif)
+
 ## 🚀 Roadmap
 
 We're on an exciting journey to enhance the GCP Datastore Emulator UI. Here's a glance at what we've achieved and what we're planning next: