Skip to content

Commit 3b09eee

Browse files
datpham0412datpham0412
committed
change the styling of tech stack section
1 parent d76ad86 commit 3b09eee

1 file changed

Lines changed: 154 additions & 17 deletions

File tree

‎README.md‎

Lines changed: 154 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -80,26 +80,163 @@ MatchFlow delivers real, measurable value by automating repetitive finance tasks
8080
Search, filter and export full audit logs, match-rate charts and spend summaries.
8181
**Why It Matters:** Provides complete visibility into your payables pipeline—perfect for month-end close.
8282

83+
8384
<a id="tech-stack"></a>
8485
## 🛠️ Tech Stack
8586

86-
- 🖥️ **Backend:** ASP NET Core 6.0 (C# 10), Entity Framework Core 6
87-
- 🗄️ **Database:** SQL Server (Azure SQL)
88-
- ⚛️ **Frontend:** React 19.1.0 + Vite, @vitejs/plugin-react 4.4.1
89-
- 🖌️ **UI / Styling:** Tailwind CSS, shadcn/ui, Lucide React icons
90-
- ☁️ **Cloud Services:**
91-
- Azure Blob Storage (invoice PDFs)
92-
- Azure Cognitive Services (Form Recognizer)
93-
- Azure Service Bus (exception queue)
94-
- 🐳 **Containerization:** Docker → Fly.io
95-
- 📡 **Web Server / Proxy:** Nginx
96-
- 🔒 **Authentication:** JWT Bearer tokens
97-
- 📦 **Package Management:** npm (frontend), NuGet (backend)
98-
- 📑 **API Documentation:** Swagger / OpenAPI spec, Postman Collection
99-
- 🛠️ **Local Dev & Scripts:** Docker Compose for local end-to-end
100-
- 🧪 **Testing:** xUnit (backend)
101-
- 🔄 **CI/CD:** GitHub Actions → Fly.io
102-
- 📈 **Monitoring:** Azure Application Insights
87+
<details>
88+
<summary>🖥️ Backend</summary>
89+
<ul>
90+
<li><a href="https://dotnet.microsoft.com/en-us/download/dotnet/6.0">ASP NET Core 6.0 (C# 10)</a></li>
91+
<li><a href="https://docs.microsoft.com/en-us/ef/core/">Entity Framework Core 6</a></li>
92+
</ul>
93+
</details>
94+
95+
<details>
96+
<summary>🗄️ Database</summary>
97+
<ul>
98+
<li><a href="https://www.microsoft.com/en-us/sql-server">SQL Server (Azure SQL)</a></li>
99+
</ul>
100+
</details>
101+
102+
<details>
103+
<summary>⚛️ Frontend</summary>
104+
<ul>
105+
<li><a href="https://reactjs.org/">React 19.1.0</a></li>
106+
<li><a href="https://vitejs.dev/">Vite</a> (<code>@vitejs/plugin-react 4.4.1</code>)</li>
107+
</ul>
108+
</details>
109+
110+
<details>
111+
<summary>🖌️ UI / Styling</summary>
112+
<ul>
113+
<li><a href="https://tailwindcss.com/">Tailwind CSS</a></li>
114+
<li><a href="https://ui.shadcn.com/">shadcn/ui</a></li>
115+
<li><a href="https://lucide.dev/">Lucide React icons</a></li>
116+
</ul>
117+
</details>
118+
119+
<details>
120+
<summary>☁️ Cloud Services</summary>
121+
<ul>
122+
<li><a href="https://azure.microsoft.com/en-us/services/storage/blobs/">Azure Blob Storage</a></li>
123+
<li><a href="https://azure.microsoft.com/en-us/services/cognitive-services/form-recognizer/">Azure Form Recognizer</a></li>
124+
<li><a href="https://azure.microsoft.com/en-us/services/service-bus/">Azure Service Bus</a></li>
125+
</ul>
126+
</details>
127+
128+
<details>
129+
<summary>🐳 Containerization & Hosting</summary>
130+
<ul>
131+
<li><a href="https://www.docker.com/">Docker</a></li>
132+
<li><a href="https://fly.io/">Fly.io</a></li>
133+
</ul>
134+
</details>
135+
136+
<details>
137+
<summary>📡 Web Server / Proxy</summary>
138+
<ul>
139+
<li><a href="https://nginx.org/">Nginx</a></li>
140+
</ul>
141+
</details>
142+
143+
<details>
144+
<summary>🔒 Authentication</summary>
145+
<ul>
146+
<li>JWT Bearer tokens</li>
147+
</ul>
148+
</details>
149+
150+
<details>
151+
<summary>📦 Package Management</summary>
152+
<ul>
153+
<li><a href="https://www.npmjs.com/">npm</a> (frontend)</li>
154+
<li><a href="https://www.nuget.org/">NuGet</a> (backend)</li>
155+
</ul>
156+
</details>
157+
158+
<details>
159+
<summary>📑 API Documentation</summary>
160+
<ul>
161+
<li><a href="https://swagger.io/specification/">Swagger / OpenAPI</a></li>
162+
<li><a href="https://www.postman.com/">Postman Collection</a></li>
163+
</ul>
164+
</details>
165+
166+
<details>
167+
<summary>🛠️ Local Dev & Scripts</summary>
168+
<ul>
169+
<li>Docker Compose for local end-to-end testing</li>
170+
</ul>
171+
</details>
172+
173+
<details>
174+
<summary>🧪 Testing</summary>
175+
<ul>
176+
<li><a href="https://xunit.net/">xUnit</a> (backend)</li>
177+
</ul>
178+
</details>
179+
180+
<details>
181+
<summary>🔄 CI/CD</summary>
182+
<ul>
183+
<li><a href="https://github.com/features/actions">GitHub Actions</a></li>
184+
<li>Fly.io automatic deploy</li>
185+
</ul>
186+
</details>
187+
188+
<details>
189+
<summary>📈 Monitoring</summary>
190+
<ul>
191+
<li><a href="https://azure.microsoft.com/en-us/services/monitor/">Azure Application Insights</a></li>
192+
</ul>
193+
</details>
194+
195+
<br />
196+
197+
<table>
198+
<tr>
199+
<a href="https://dotnet.microsoft.com/">
200+
<img src="https://img.shields.io/badge/.NET-6.0-512BD4?style=flat&logo=.net&logoColor=white" alt=".NET" />
201+
</a>
202+
<a href="https://reactjs.org/">
203+
<img src="https://img.shields.io/badge/React-19.1.0-61DAFB?style=flat&logo=react&logoColor=black" alt="React" />
204+
</a>
205+
<a href="https://vitejs.dev/">
206+
<img src="https://img.shields.io/badge/Vite-4.4.1-646CFF?style=flat&logo=vite&logoColor=white" alt="Vite" />
207+
</a>
208+
<a href="https://tailwindcss.com/">
209+
<img src="https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=flat&logo=tailwind-css&logoColor=white" alt="Tailwind CSS" />
210+
</a>
211+
<a href="https://azure.microsoft.com/">
212+
<img src="https://img.shields.io/badge/Azure-0089D6?style=flat&logo=microsoft-azure&logoColor=white" alt="Azure" />
213+
</a>
214+
<a href="https://www.docker.com/">
215+
<img src="https://img.shields.io/badge/Docker-20.10.0-2496ED?style=flat&logo=docker&logoColor=white" alt="Docker" />
216+
</a>
217+
<a href="https://fly.io/">
218+
<img src="https://img.shields.io/badge/Fly.io-222222?style=flat&logo=fly-io&logoColor=white" alt="Fly.io" />
219+
</a>
220+
<a href="https://nginx.org/">
221+
<img src="https://img.shields.io/badge/Nginx-009639?style=flat&logo=nginx&logoColor=white" alt="Nginx" />
222+
</a>
223+
<a href="https://www.microsoft.com/en-us/sql-server">
224+
<img src="https://img.shields.io/badge/SQL_Server-CC2927?style=flat&logo=microsoft-sql-server&logoColor=white" alt="SQL Server" />
225+
</a>
226+
<a href="https://www.npmjs.com/">
227+
<img src="https://img.shields.io/badge/npm-latest-CB3837?style=flat&logo=npm&logoColor=white" alt="npm" />
228+
</a>
229+
<a href="https://github.com/features/actions">
230+
<img src="https://img.shields.io/badge/GitHub_Actions-2088FF?style=flat&logo=github-actions&logoColor=white" alt="GitHub Actions" />
231+
</a>
232+
<a href="https://swagger.io/">
233+
<img src="https://img.shields.io/badge/Swagger-OpenAPI-85EA2D?style=flat&logo=swagger&logoColor=white" alt="Swagger" />
234+
</a>
235+
</tr>
236+
</table>
237+
238+
239+
103240

104241
<a id="architecture"></a>
105242
## 🏛️ Architecture

0 commit comments

Comments
 (0)