Djano - Added pages (draft)

Author: app-generator

docs/technologies/django/charts-plotly.mdx

@@ -0,0 +1,31 @@
+---
+title: Django & Plotly 
+description: Learn how to show-case charts with Django & Plotly
+---
+
+import SubHeading from "@site/src/components/SubHeading";
+
+<SubHeading color="#25c2a0">Learn how to show-case charts with Django & Plotly</SubHeading>
+
+> Input: 
+
+- Sample REPO: https://github.com/app-generator/django-plotly-charts
+
+> Topics
+
+- Set UP a basic Django project
+- Install [Material Design](https://github.com/app-generator/django-admin-material-dashboard)
+- Create a `Sales` Model with fields: 
+  - product, string 
+  - price, int 
+  - currency, string (usd, eur) 
+  - country, string 
+  - purchase_date, Unix timestamp 
+- The main page will showcase three charts:
+  - Bar Chart
+  - Line Chart
+  - PIE Chart 
+- Full implementation for beginners 
+  - The information is computed on the server side using `Plotly`
+
+![Django - Simple Charts](https://user-images.githubusercontent.com/51070104/234304017-97178893-880c-495b-af73-e1c789a9b6b2.png)

docs/technologies/django/simple-charts.mdx renamed to docs/technologies/django/charts-simple.mdx

@@ -0,0 +1,32 @@
+---
+title: Django - API and Chart.JS
+description: Learn how to show-case charts with Django & Chart.JS
+---
+
+import SubHeading from "@site/src/components/SubHeading";
+
+<SubHeading color="#25c2a0">Learn how to show-case charts with Django & Chart.JS</SubHeading>
+
+> Input: 
+
+- Sample REPO: https://github.com/app-generator/django-api-and-chart-js
+
+> Topics
+
+- Set UP a basic Django project
+- Install [Material Design](https://github.com/app-generator/django-admin-material-dashboard)
+- Create a `Sales` Model with fields: 
+  - product, string 
+  - price, int 
+  - currency, string (usd, eur) 
+  - country, string 
+  - purchase_date, Unix timestamp 
+- The main page will showcase three charts:
+  - Bar Chart
+  - Line Chart
+  - PIE Chart 
+- Full implementation for beginners 
+  - The information is served via an API using [API Generator](https://github.com/app-generator/django-api-generator) Library
+  - Charts are rendered via https://www.chartjs.org/
+
+![Django - Simple Charts](https://user-images.githubusercontent.com/51070104/234304017-97178893-880c-495b-af73-e1c789a9b6b2.png)