From 5cb8748d4efab919fb442ff3d309a3ba89c88b96 Mon Sep 17 00:00:00 2001
From: mvlwarekekw <mal@mvlware.xyz>
Date: Fri, 3 Jan 2025 13:03:22 +0100
Subject: [PATCH] feat: add techstack

---
 README.md    |  6 ++++++
 techstack.md | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 59 insertions(+)
 create mode 100644 techstack.md

diff --git a/README.md b/README.md
index 12b9a93e..2e21d3e4 100644
--- a/README.md
+++ b/README.md
@@ -87,6 +87,12 @@ For major changes, please open an issue first to discuss what you’d like to co
 
 ---
 
+## 📚 Tech Stack
+
+[Techstack](https://github.com/Abdallah-Alwarawreh/Syrup/techstack.md)
+
+---
+
 ## ❤️ Acknowledgements  
 
 Special thanks to the amazing people who made Syrup possible:  
diff --git a/techstack.md b/techstack.md
new file mode 100644
index 00000000..a71471b1
--- /dev/null
+++ b/techstack.md
@@ -0,0 +1,53 @@
+# Techstack
+
+---
+
+## Syrup Chrome Extension
+
+### Coding languages
+- JavaScript for content.js, background.js and config files
+- TypeScript (.ts and .tsx) for the rest
+
+### Frameworks and Libraries
+- React
+- i18next, react-i18next (for internationalization)
+- i18next-http-backend (for loading the translations from /public/\_locales )
+- @unly/universal-language-detector (for language detection)
+
+### Building tools
+- Vite
+
+### Styling:
+- TailwindCSS
+- ShadCN
+
+### Translation
+- Crowdin
+
+---
+
+## Syrup Website
+
+### Coding languages
+- JavaScript and TypeScript
+
+### Frameworks and Libraries
+- React
+- Next.JS
+
+### Building tools
+- NextJS
+
+### Styling
+- TailwindCSS
+- Tailwind Animate - Animations
+- Motion - Animations
+- Iconify - Icons
+- Lucide React - Icons
+- ShadCN - UI components
+
+---
+
+## Backend 
+
+### TBD
\ No newline at end of file