Skip to content

Commit ec6f518

Browse files
deepmancerdeepmancer
authored
Create index.html
1 parent 11741e2 commit ec6f518

File tree

1 file changed

+248
-0
lines changed

1 file changed

+248
-0
lines changed

‎index.html

Lines changed: 248 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,248 @@
1+
<!DOCTYPE html>
2+
<!-- saved from url=(0053)https://deepmancer.github.io/full-stack-fastapi-ftgo/ -->
3+
<html lang="en-US"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="chrome-extension://fgddmllnllkalaagkghckoinaemmogpe/scripts/content/gps.js"></script>
4+
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
8+
<!-- Begin Jekyll SEO tag v2.8.0 -->
9+
<title>🍕 Full-stack Microservice-Based Food Delivery Application | full-stack-fastapi-ftgo</title>
10+
<meta name="generator" content="Jekyll v3.10.0">
11+
<meta property="og:title" content="🍕 Full-stack Microservice-Based Food Delivery Application">
12+
<meta property="og:locale" content="en_US">
13+
<meta name="description" content="Full stack, modern web application template. Using FastAPI, Vuejs, MongoDB, PostgreSQL, Redis, Metabase, Grafana, Docker, and more!">
14+
<meta property="og:description" content="Full stack, modern web application template. Using FastAPI, Vuejs, MongoDB, PostgreSQL, Redis, Metabase, Grafana, Docker, and more!">
15+
<link rel="canonical" href="https://deepmancer.github.io/full-stack-fastapi-ftgo/">
16+
<meta property="og:url" content="https://deepmancer.github.io/full-stack-fastapi-ftgo/">
17+
<meta property="og:site_name" content="full-stack-fastapi-ftgo">
18+
<meta property="og:type" content="website">
19+
<meta name="twitter:card" content="summary">
20+
<meta property="twitter:title" content="🍕 Full-stack Microservice-Based Food Delivery Application">
21+
<script type="application/ld+json">
22+
{"@context":"https://schema.org","@type":"WebSite","description":"Full stack, modern web application template. Using FastAPI, Vuejs, MongoDB, PostgreSQL, Redis, Metabase, Grafana, Docker, and more!","headline":"🍕 Full-stack Microservice-Based Food Delivery Application","name":"full-stack-fastapi-ftgo","url":"https://deepmancer.github.io/full-stack-fastapi-ftgo/"}</script>
23+
<!-- End Jekyll SEO tag -->
24+
25+
<style class="anchorjs"></style><link rel="stylesheet" href="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/style.css">
26+
<!-- start custom head snippets, customize with your own _includes/head-custom.html file -->
27+
28+
<!-- Setup Google Analytics -->
29+
30+
31+
32+
<!-- You can set your favicon here -->
33+
<!-- link rel="shortcut icon" type="image/x-icon" href="/full-stack-fastapi-ftgo/favicon.ico" -->
34+
35+
<!-- end custom head snippets -->
36+
37+
</head>
38+
<body data-new-gr-c-s-check-loaded="14.1193.0" data-gr-ext-installed="">
39+
<div class="container-lg px-3 my-5 markdown-body">
40+
41+
<h1><a href="https://deepmancer.github.io/full-stack-fastapi-ftgo/">full-stack-fastapi-ftgo</a></h1>
42+
43+
44+
45+
<h1 id="-full-stack-microservice-based-food-delivery-application"><strong>🍕 Full-stack Microservice-Based Food Delivery Application</strong></h1>
46+
47+
<p align="center">
48+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/FastAPI-009688.svg" alt="FastAPI">
49+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/python-3670A0" alt="Python">
50+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Node.js-5FA04E.svg" alt="Node.js">
51+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Vue.js-4FC08D.svg" alt="Vue.js">
52+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/PostgreSQL-4169E1.svg" alt="PostgreSQL">
53+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/MongoDB-47A248.svg" alt="MongoDB">
54+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Redis-FF4438.svg" alt="Redis">
55+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/SQLAlchemy-D71F00.svg" alt="SQLAlchemy">
56+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Pydantic-E92063.svg" alt="Pydantic">
57+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/NGINX-009639.svg" alt="NGINX">
58+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Docker-2496ED.svg" alt="Docker">
59+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/RabbitMQ-FF6600.svg" alt="RabbitMQ">
60+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Prometheus-E6522C.svg" alt="Prometheus">
61+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Grafana-F46800.svg" alt="Grafana">
62+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/Metabase-509EE3.svg" alt="Metabase">
63+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/YAML-CB171E.svg" alt="YAML">
64+
<img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/H3-1E54B7.svg" alt="H3">
65+
</p>
66+
67+
<blockquote>
68+
<p>FTGO is a scalable, microservice-based food ordering application built with Python (FastAPI) and Vue.js, designed following object-oriented design principles.</p>
69+
</blockquote>
70+
71+
<p><strong>💎 You can use this project as a template to build your backend microservice project in Python 💎</strong></p>
72+
73+
<p>🔊 New features and technologies will be added soon!</p>
74+
75+
<hr>
76+
77+
<p><strong>Source Code</strong>: <a href="https://github.com/deepmancer/full-stack-fastapi-ftgo/" target="_blank">https://github.com/deepmancer/full-stack-fastapi-ftgo</a></p>
78+
79+
<hr>
80+
81+
<h2 id="-technology-stack-and-features">🔥 Technology Stack and Features<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#-technology-stack-and-features" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h2>
82+
83+
<ul>
84+
<li>⚡ <a href="https://fastapi.tiangolo.com/"><strong>FastAPI</strong></a>:
85+
<ul>
86+
<li>🔮 <a href="https://docs.pydantic.dev/">pydantic</a> for settings and request/response validation.</li>
87+
<li>🔑 JWT middleware for secure authentication.</li>
88+
<li>🚧 Permission manager for role-based access control on routes.</li>
89+
<li>📛 Rate limiting for API protection.</li>
90+
<li>⌚ RequestId, Timing, and many exciting middlewares!</li>
91+
<li>🔒 Secure password hashing by default.</li>
92+
<li>🌀 Customizable profilers with <a href="https://prometheus.io/">Prometheus</a>.</li>
93+
</ul>
94+
</li>
95+
<li>🌱 <a href="https://www.mongodb.com/"><strong>MongoDB</strong></a>:
96+
<ul>
97+
<li>Async client with <a href="https://github.com/mongodb/motor">motor</a> and Object Document Mapping (ODM) with <a href="https://beanie-odm.dev/">beanie</a>.</li>
98+
<li><a href="https://github.com/deepmancer/mongo-motors">mongo-motors</a> package for singleton and managed connection.</li>
99+
</ul>
100+
</li>
101+
<li>🧰 <a href="https://redis.io/"><strong>Redis</strong></a>:
102+
<ul>
103+
<li>Async operations for caching and session management.</li>
104+
<li><a href="https://github.com/redis/redis-py">redis-py</a> with <a href="https://github.com/deepmancer/aredis-client">aredis-client</a>.</li>
105+
</ul>
106+
</li>
107+
<li>💾 <strong>PostgreSQL</strong>:
108+
<ul>
109+
<li>Async client with <a href="https://github.com/sqlalchemy/sqlalchemy">aqlachemy</a> ORM &amp; automatic migrations with <a href="https://github.com/sqlalchemy/alembic">alembic</a>..</li>
110+
<li><a href="https://github.com/deepmancer/asyncpg-client">asyncpg-client</a> as the session manager.</li>
111+
</ul>
112+
</li>
113+
<li>🚀 <a href="https://www.rabbitmq.com/"><strong>RabbitMQ</strong></a>:
114+
<ul>
115+
<li>Utilizing <a href="https://github.com/deepmancer/rabbitmq-rpc">rabbitmq-rpc</a> and <a href="https://github.com/mosquito/aio-pika">aio-pika</a>.</li>
116+
<li>No server-side implementation.</li>
117+
</ul>
118+
</li>
119+
<li>🐋 <a href="https://www.docker.com/"><strong>Docker Compose</strong></a>:
120+
<ul>
121+
<li>Containers for simplified deployment and scaling.</li>
122+
</ul>
123+
</li>
124+
<li>✅ <a href="https://github.com/pytest-dev/pytest"><strong>Pytest</strong></a>:
125+
<ul>
126+
<li>Async tests with pytest and pytest-async.</li>
127+
</ul>
128+
</li>
129+
</ul>
130+
131+
<h2 id="-gui-management-tools"><strong>📂 GUI Management Tools</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#-gui-management-tools" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h2>
132+
<ul>
133+
<li>🔆 <a href="https://grafana.com/"><strong>Grafana</strong></a>: Automatic metric dashboards on endpoints using <a href="https://prometheus.io/">Prometheus</a>.</li>
134+
<li>📉 <a href="https://www.metabase.com/"><strong>Metabase</strong></a>: PostgreSQL/MongoDB analytics and reporting.</li>
135+
<li>📕 <a href="https://redis.io/insight/"><strong>RedisInsight</strong></a>: Redis data visualization and management.</li>
136+
<li>🌿 <a href="https://github.com/mongo-express/mongo-express"><strong>Mongo-Express</strong></a>: MongoDB admin interface.</li>
137+
<li>💥 <a href="https://www.rabbitmq.com/docs/management"><strong>RabbitMQ Management</strong></a>: Visualizing and monitoring events.</li>
138+
</ul>
139+
140+
<p>These tools are configured and run via Docker in the <code class="language-plaintext highlighter-rouge">infra/admin/docker-compose.yaml</code>.</p>
141+
142+
<h2 id="setup-instructions"><strong>Setup Instructions</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#setup-instructions" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h2>
143+
144+
<h3 id="step-1-create-docker-networks"><strong>Step 1: Create Docker Networks</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#step-1-create-docker-networks" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
145+
146+
<p>Create Docker networks for backend and frontend services.</p>
147+
148+
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>docker network create <span class="nt">--driver</span> bridge backend-network
149+
docker network create <span class="nt">--driver</span> bridge frontend-network
150+
</code></pre></div></div>
151+
152+
<h3 id="step-2-build-and-run-infrastructure"><strong>Step 2: Build and Run Infrastructure</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#step-2-build-and-run-infrastructure" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
153+
154+
<p>Navigate to the infrastructure directory and start the services, including databases and GUI tools.</p>
155+
156+
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd </span>backend/infra
157+
docker compose up <span class="nt">--build</span>
158+
</code></pre></div></div>
159+
160+
<h4 id="infrastructure-layout"><strong>Infrastructure Layout:</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#infrastructure-layout" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h4>
161+
162+
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>backend/infra
163+
├── admin <span class="o">(</span>Metabase, RedisInsight, Mongo-Express<span class="o">)</span>
164+
├── mongo
165+
├── monitoring <span class="o">(</span>Grafana, Prometheus<span class="o">)</span>
166+
├── postgres
167+
├── rabbitmq <span class="o">(</span>with the Management extension<span class="o">)</span>
168+
└── redis
169+
</code></pre></div></div>
170+
171+
<h3 id="step-3-build-and-run-microservices"><strong>Step 3: Build and Run Microservices</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#step-3-build-and-run-microservices" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
172+
173+
<p>Navigate to the backend directory and start all microservices.</p>
174+
175+
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd </span>backend/
176+
docker compose up <span class="nt">--build</span>
177+
</code></pre></div></div>
178+
179+
<h2 id="frontend-setup"><strong>Frontend Setup</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#frontend-setup" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h2>
180+
181+
<p>The frontend is built with Vue.js for a dynamic and responsive user experience.</p>
182+
183+
<h3 id="step-1-install-dependencies"><strong>Step 1: Install Dependencies</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#step-1-install-dependencies" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
184+
185+
<p>Navigate to the <code class="language-plaintext highlighter-rouge">ui/</code> directory and install the required packages.</p>
186+
187+
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd </span>ui/
188+
npm <span class="nb">install</span>
189+
</code></pre></div></div>
190+
191+
<h3 id="step-2-start-development-server"><strong>Step 2: Start Development Server</strong><a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#step-2-start-development-server" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
192+
193+
<p>Run the development server with hot-reloading enabled.</p>
194+
195+
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>npm run serve
196+
</code></pre></div></div>
197+
198+
<h2 id="interactive-api-documentation">Interactive API Documentation<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#interactive-api-documentation" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h2>
199+
<p><img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/ebfe2c0e-b9e0-4e01-b266-89b54776428c" alt="image"></p>
200+
201+
<h2 id="admin-dashboards">Admin Dashboards<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#admin-dashboards" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h2>
202+
<h3 id="grafana-localhost3000">Grafana (<a href="http://localhost:3000/">localhost:3000</a>)<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#grafana-localhost3000" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
203+
<p><img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/cd867d32-b6fc-423b-a9a8-d2ed7c44d1d0" alt="image"></p>
204+
205+
<h3 id="metabase-localhost3030">Metabase (<a href="http://localhost:3030/">localhost:3030</a>)<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#metabase-localhost3030" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
206+
<p><img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/a6f962fa-ae6c-4d25-80ca-ed95837972e9" alt="image"></p>
207+
208+
<h3 id="redisinsight-localhost5540">RedisInsight (<a href="http://localhost:5540/">localhost:5540</a>)<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#redisinsight-localhost5540" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
209+
<p><img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/0e04ec30-8180-486d-bf7f-11c98f4476ae" alt="image"></p>
210+
211+
<h3 id="rabbitmq-management-localhost15673">RabbitMQ Management (<a href="http://localhost:15673/">localhost:15673</a>)<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#rabbitmq-management-localhost15673" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
212+
<p><img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/17532670-8b31-4b2d-b305-723b8ce49f77" alt="image"></p>
213+
214+
<h3 id="mongodb-compass">MongoDB Compass<a class="anchorjs-link " href="https://deepmancer.github.io/full-stack-fastapi-ftgo/#mongodb-compass" aria-label="Anchor" data-anchorjs-icon="" style="font: 1em / 1 anchorjs-icons; padding-left: 0.375em;"></a></h3>
215+
<p><img src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/11be638a-6cd3-4f9c-ad84-eedda8bc4867" alt="image"></p>
216+
217+
218+
219+
<div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
220+
This site is open source. <a href="https://github.com/deepmancer/full-stack-fastapi-ftgo/edit/main/README.md">Improve this page</a>.
221+
</div>
222+
223+
</div>
224+
<script src="./🍕 Full-stack Microservice-Based Food Delivery Application _ full-stack-fastapi-ftgo_files/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
225+
<script>anchors.add();</script>
226+
227+
228+
</body><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open"><style>
229+
div.grammarly-desktop-integration {
230+
position: absolute;
231+
width: 1px;
232+
height: 1px;
233+
padding: 0;
234+
margin: -1px;
235+
overflow: hidden;
236+
clip: rect(0, 0, 0, 0);
237+
white-space: nowrap;
238+
border: 0;
239+
-moz-user-select: none;
240+
-webkit-user-select: none;
241+
-ms-user-select:none;
242+
user-select:none;
243+
}
244+
245+
div.grammarly-desktop-integration:before {
246+
content: attr(data-content);
247+
}
248+
</style><div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration" data-content="{&quot;mode&quot;:&quot;full&quot;,&quot;isActive&quot;:true,&quot;isUserDisabled&quot;:false}"></div></template></grammarly-desktop-integration></html>

0 commit comments

Comments
 (0)