added screenshots

rjanain · Nov 3, 2024 · 6ebfea2 · 6ebfea2
1 parent ab3ebae
commit 6ebfea2
Show file tree

Hide file tree

Showing 8 changed files with 25 additions and 0 deletions.
diff --git a/readme.md b/readme.md
@@ -17,6 +17,7 @@
 
 - [Introduction](#introduction)
 - [Features](#features)
+- [Screenshots](#screenshots)
 - [Installation](#installation)
 - [Theme Customization](#theme-customization)
 - [Using JSON Server for Local Development](#using-json-server-for-local-development)
@@ -37,6 +38,30 @@ This boilerplate project provides a foundation to build a React web application
 - **JSON Server**: Mock backend API for local development.
 - **Optimized Builds**: Single-file output using Vite for seamless Google Apps Script deployment.
 
+## Screenshots
+
+Here are some screenshots demonstrating the application in action:
+
+### Homepage and About
+
+<div style="display: flex; justify-content: space-around;">
+  <img src="screenshots/1.png" alt="Homepage" width="45%">
+  <img src="screenshots/2.png" alt="Dashboard" width="45%">
+</div>
+
+
+### Various Themes
+
+<div style="display: flex; justify-content: space-around;">
+  <img src="screenshots/3.png" alt="Settings Page" width="45%">
+  <img src="screenshots/4.png" alt="Theme 1" width="45%">
+</div>
+<div style="display: flex; justify-content: space-around;">
+  <img src="screenshots/5.png" alt="Theme 2" width="30%">
+  <img src="screenshots/6.png" alt="Theme 3" width="30%">
+  <img src="screenshots/7.png" alt="Theme 3" width="30%">
+</div>
+
 ## Installation
 
 ### Prerequisites

diff --git a/screenshots/1.png b/screenshots/1.png
diff --git a/screenshots/2.png b/screenshots/2.png
diff --git a/screenshots/3.png b/screenshots/3.png
diff --git a/screenshots/4.png b/screenshots/4.png
diff --git a/screenshots/5.png b/screenshots/5.png
diff --git a/screenshots/6.png b/screenshots/6.png
diff --git a/screenshots/7.png b/screenshots/7.png