diff --git a/techstack.md b/techstack.md
new file mode 100644
index 0000000..89328de
--- /dev/null
+++ b/techstack.md
@@ -0,0 +1,259 @@
+<!--
+--- Readme.md Snippet without images Start ---
+## Tech Stack
+dukesx/afridi-dev is built on the following main stack:
+- [Jest](http://facebook.github.io/jest/) – Javascript Testing Framework
+- [Node.js](http://nodejs.org/) – Frameworks (Full Stack)
+- [React](https://reactjs.org/) – Javascript UI Libraries
+- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
+- [TypeScript](http://www.typescriptlang.org) – Languages
+- [Autoprefixer](https://github.com/postcss/autoprefixer) – CSS Pre-processors / Extensions
+- [Babel](http://babeljs.io/) – JavaScript Compilers
+- [ESLint](http://eslint.org/) – Code Review
+- [Chart.js](http://www.chartjs.org/) – Charting Libraries
+- [Next.js](https://nextjs.org/) – Frameworks (Full Stack)
+- [styled-components](https://styled-components.com) – JavaScript Framework Components
+- [Prism](https://prismjs.com/) – Javascript Utilities & Libraries
+- [date-fns](https://date-fns.org/) – Javascript Utilities & Libraries
+- [Zustand](https://github.com/react-spring/zustand) – State Management Library
+- [GitHub Actions](https://github.com/features/actions) – Continuous Integration
+
+Full tech stack [here](/techstack.md)
+--- Readme.md Snippet without images End ---
+
+--- Readme.md Snippet with images Start ---
+## Tech Stack
+dukesx/afridi-dev is built on the following main stack:
+- <img width='25' height='25' src='https://img.stackshare.io/service/830/jest.png' alt='Jest'/> [Jest](http://facebook.github.io/jest/) – Javascript Testing Framework
+- <img width='25' height='25' src='https://img.stackshare.io/service/1011/n1JRsFeB_400x400.png' alt='Node.js'/> [Node.js](http://nodejs.org/) – Frameworks (Full Stack)
+- <img width='25' height='25' src='https://img.stackshare.io/service/1020/OYIaJ1KK.png' alt='React'/> [React](https://reactjs.org/) – Javascript UI Libraries
+- <img width='25' height='25' src='https://img.stackshare.io/service/1209/javascript.jpeg' alt='JavaScript'/> [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
+- <img width='25' height='25' src='https://img.stackshare.io/service/1612/bynNY5dJ.jpg' alt='TypeScript'/> [TypeScript](http://www.typescriptlang.org) – Languages
+- <img width='25' height='25' src='https://img.stackshare.io/service/2202/72d087642cfce6fef6f2dabec5bf49e8_400x400.png' alt='Autoprefixer'/> [Autoprefixer](https://github.com/postcss/autoprefixer) – CSS Pre-processors / Extensions
+- <img width='25' height='25' src='https://img.stackshare.io/service/2739/-1wfGjNw.png' alt='Babel'/> [Babel](http://babeljs.io/) – JavaScript Compilers
+- <img width='25' height='25' src='https://img.stackshare.io/service/3337/Q4L7Jncy.jpg' alt='ESLint'/> [ESLint](http://eslint.org/) – Code Review
+- <img width='25' height='25' src='https://img.stackshare.io/service/3866/_GD1-XrU_400x400.jpg' alt='Chart.js'/> [Chart.js](http://www.chartjs.org/) – Charting Libraries
+- <img width='25' height='25' src='https://img.stackshare.io/service/5936/nextjs.png' alt='Next.js'/> [Next.js](https://nextjs.org/) – Frameworks (Full Stack)
+- <img width='25' height='25' src='https://img.stackshare.io/service/6749/styled-components.png' alt='styled-components'/> [styled-components](https://styled-components.com) – JavaScript Framework Components
+- <img width='25' height='25' src='https://img.stackshare.io/service/10010/Screen_Shot_2012-07-31_at_21.57.03__400x400.png' alt='Prism'/> [Prism](https://prismjs.com/) – Javascript Utilities & Libraries
+- <img width='25' height='25' src='https://img.stackshare.io/service/10865/default_5551fb8853689f607a2bc0d5a09355d5a3d52bf0.png' alt='date-fns'/> [date-fns](https://date-fns.org/) – Javascript Utilities & Libraries
+- <img width='25' height='25' src='https://img.stackshare.io/service/11559/zustand.png' alt='Zustand'/> [Zustand](https://github.com/react-spring/zustand) – State Management Library
+- <img width='25' height='25' src='https://img.stackshare.io/service/11563/actions.png' alt='GitHub Actions'/> [GitHub Actions](https://github.com/features/actions) – Continuous Integration
+
+Full tech stack [here](/techstack.md)
+--- Readme.md Snippet with images End ---
+-->
+<div align="center">
+
+# Tech Stack File
+![](https://img.stackshare.io/repo.svg "repo") [dukesx/afridi-dev](https://github.com/dukesx/afridi-dev)![](https://img.stackshare.io/public_badge.svg "public")
+<br/><br/>
+|40<br/>Tools used|11/11/23 <br/>Report generated|
+|------|------|
+</div>
+
+## <img src='https://img.stackshare.io/languages.svg'/> Languages (3)
+<table><tr>
+  <td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/6727/css.png' alt='CSS 3'>
+  <br>
+  <sub><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3">CSS 3</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/1209/javascript.jpeg' alt='JavaScript'>
+  <br>
+  <sub><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/1612/bynNY5dJ.jpg' alt='TypeScript'>
+  <br>
+  <sub><a href="http://www.typescriptlang.org">TypeScript</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+</tr>
+</table>
+
+## <img src='https://img.stackshare.io/frameworks.svg'/> Frameworks (7)
+<table><tr>
+  <td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/2202/72d087642cfce6fef6f2dabec5bf49e8_400x400.png' alt='Autoprefixer'>
+  <br>
+  <sub><a href="https://github.com/postcss/autoprefixer">Autoprefixer</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/3866/_GD1-XrU_400x400.jpg' alt='Chart.js'>
+  <br>
+  <sub><a href="http://www.chartjs.org/">Chart.js</a></sub>
+  <br>
+  <sub>v3.9.1</sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/5936/nextjs.png' alt='Next.js'>
+  <br>
+  <sub><a href="https://nextjs.org/">Next.js</a></sub>
+  <br>
+  <sub>v12.3.1</sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/1011/n1JRsFeB_400x400.png' alt='Node.js'>
+  <br>
+  <sub><a href="http://nodejs.org/">Node.js</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/1020/OYIaJ1KK.png' alt='React'>
+  <br>
+  <sub><a href="https://reactjs.org/">React</a></sub>
+  <br>
+  <sub>v18.2.0</sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/11559/zustand.png' alt='Zustand'>
+  <br>
+  <sub><a href="https://github.com/react-spring/zustand">Zustand</a></sub>
+  <br>
+  <sub>v4.1.1</sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/6749/styled-components.png' alt='styled-components'>
+  <br>
+  <sub><a href="https://styled-components.com">styled-components</a></sub>
+  <br>
+  <sub>v5.3.5</sub>
+</td>
+
+</tr>
+</table>
+
+## <img src='https://img.stackshare.io/devops.svg'/> DevOps (7)
+<table><tr>
+  <td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/2739/-1wfGjNw.png' alt='Babel'>
+  <br>
+  <sub><a href="http://babeljs.io/">Babel</a></sub>
+  <br>
+  <sub>v7.18.9</sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/8067/default_90dcb1286af7685c68df319c764b80704df1155b.png' alt='Dotenv'>
+  <br>
+  <sub><a href="https://github.com/motdotla/dotenv">Dotenv</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/3337/Q4L7Jncy.jpg' alt='ESLint'>
+  <br>
+  <sub><a href="http://eslint.org/">ESLint</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/1046/git.png' alt='Git'>
+  <br>
+  <sub><a href="http://git-scm.com/">Git</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/11563/actions.png' alt='GitHub Actions'>
+  <br>
+  <sub><a href="https://github.com/features/actions">GitHub Actions</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/830/jest.png' alt='Jest'>
+  <br>
+  <sub><a href="http://facebook.github.io/jest/">Jest</a></sub>
+  <br>
+  <sub>v28.1.3</sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/1120/lejvzrnlpb308aftn31u.png' alt='npm'>
+  <br>
+  <sub><a href="https://www.npmjs.com/">npm</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+</tr>
+</table>
+
+## Other (2)
+<table><tr>
+  <td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/10010/Screen_Shot_2012-07-31_at_21.57.03__400x400.png' alt='Prism'>
+  <br>
+  <sub><a href="https://prismjs.com/">Prism</a></sub>
+  <br>
+  <sub>v1.28.0</sub>
+</td>
+
+<td align='center'>
+  <img width='36' height='36' src='https://img.stackshare.io/service/10865/default_5551fb8853689f607a2bc0d5a09355d5a3d52bf0.png' alt='date-fns'>
+  <br>
+  <sub><a href="https://date-fns.org/">date-fns</a></sub>
+  <br>
+  <sub></sub>
+</td>
+
+</tr>
+</table>
+
+
+## <img src='https://img.stackshare.io/group.svg' /> Open source packages (21)</h2>
+
+## <img width='24' height='24' src='https://img.stackshare.io/service/1120/lejvzrnlpb308aftn31u.png'/> npm (21)
+
+|NAME|VERSION|LAST UPDATED|LAST UPDATED BY|LICENSE|VULNERABILITIES|
+|:------|:------|:------|:------|:------|:------|
+|[@babel/core](https://www.npmjs.com/@babel/core)|v7.18.9|08/30/22|dukesx |MIT|N/A|
+|[@testing-library/jest-dom](https://www.npmjs.com/@testing-library/jest-dom)|v5.16.4|10/02/22|dukesx |MIT|N/A|
+|[@testing-library/react](https://www.npmjs.com/@testing-library/react)|v13.3.0|10/06/22|dukesx |MIT|N/A|
+|[@types/node](https://www.npmjs.com/@types/node)|v18.7.23|10/02/22|dukesx |MIT|N/A|
+|[@types/react](https://www.npmjs.com/@types/react)|v18.0.17|10/06/22|dukesx |MIT|N/A|
+|[@types/react-dom](https://www.npmjs.com/@types/react-dom)|v18.0.6|10/06/22|dukesx |MIT|N/A|
+|[dayjs](https://www.npmjs.com/dayjs)|v1.11.4|07/21/22|dukesx |MIT|N/A|
+|[jest-environment-jsdom](https://www.npmjs.com/jest-environment-jsdom)|v28.1.3|07/21/22|dukesx |MIT|N/A|
+|[npm](https://www.npmjs.com/npm)|v8.19.2|07/21/22|dukesx |Artistic-2.0|N/A|
+|[postcss](https://www.npmjs.com/postcss)|v8.4.14|07/29/22|dukesx |MIT|[CVE-2023-44270](https://github.com/advisories/GHSA-7fh5-64p2-3v2j) (Moderate)|
+|[postcss-nesting](https://www.npmjs.com/postcss-nesting)|v10.1.10|09/24/22|dukesx |CC0-1.0|N/A|
+|[prismjs](https://www.npmjs.com/prismjs)|v1.28.0|08/30/22|dukesx |MIT|N/A|
+|[react-dom](https://www.npmjs.com/react-dom)|v18.2.0|10/06/22|dukesx |MIT|N/A|
+|[react-markdown](https://www.npmjs.com/react-markdown)|v8.0.3|10/06/22|dukesx |MIT|N/A|
+|[react-syntax-highlighter](https://www.npmjs.com/react-syntax-highlighter)|v15.5.0|10/06/22|dukesx |MIT|N/A|
+|[release-it](https://www.npmjs.com/release-it)|v15.1.3|09/27/22|dukesx |MIT|N/A|
+|[remark-github](https://www.npmjs.com/remark-github)|v11.2.4|09/22/22|dukesx |MIT|N/A|
+|[sass](https://www.npmjs.com/sass)|v1.54.0|07/29/22|dukesx |MIT|N/A|
+|[sharp](https://www.npmjs.com/sharp)|v0.31.0|09/15/22|dukesx |Apache-2.0|N/A|
+|[slugify](https://www.npmjs.com/slugify)|v1.6.5|09/30/22|dukesx |MIT|N/A|
+|[tailwindcss](https://www.npmjs.com/tailwindcss)|v3.1.6|07/22/22|dukesx |MIT|N/A|
+
+<br/>
+<div align='center'>
+
+Generated via [Stack File](https://github.com/apps/stack-file)