Add documentation folder: 01-table-of-contents with technology summaries

Content/table-of-contents/01-table-of-contents/README.md

@@ -0,0 +1,17 @@
+# Overview of the Table of Contents Project
+
+This project aims to create a structured table of contents for various technologies, providing a clear and concise overview of each technology's purpose and application. The goal is to enhance the documentation of the project, making it easier for contributors and users to navigate through the available resources.
+
+## Purpose
+
+The primary purpose of this table of contents is to:
+
+- Organize existing content related to different technologies.
+- Provide brief descriptions of each technology to help users understand their relevance and use cases.
+- Serve as a reference point for contributors looking to add or improve documentation within the project.
+
+## How to Use
+
+1. **Explore the Technologies**: Navigate to the `technologies.md` file to view the structured table of contents, which lists various technologies along with their descriptions.
+2. **Contribute**: If you have knowledge of additional technologies or improvements to existing descriptions, feel free to contribute by editing the `technologies.md` file.
+3. **Documentation**: Refer to this README for guidance on the purpose and structure of the table of contents project.

Content/table-of-contents/01-table-of-contents/css/README.md

@@ -0,0 +1,43 @@
+# CSS
+
+![CSS Logo](https://upload.wikimedia.org/wikipedia/commons/d/d5/CSS3_logo_and_wordmark.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of a document written in HTML.
+
+## Key Features
+- Controls layout, colors, and fonts
+- Enables responsive design
+- Supports animations and transitions
+- Separates content from presentation
+
+## Usage
+CSS is used for:
+- Styling web pages
+- Creating responsive layouts
+- Animating elements
+
+## Examples
+```css
+body {
+  background-color: #f0f0f0;
+  color: #333;
+}
+h1 {
+  color: #007acc;
+}
+```
+
+## Resources
+- [MDN Web Docs - CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
+- [W3Schools CSS Tutorial](https://www.w3schools.com/css/)
+- [CSS-Tricks](https://css-tricks.com/)

Content/table-of-contents/01-table-of-contents/docker/README.md

@@ -0,0 +1,37 @@
+# Docker
+
+![Docker Logo](https://upload.wikimedia.org/wikipedia/commons/4/4e/Docker_%28container_engine%29_logo.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+Docker lets you package apps and their dependencies into containers. It makes deployment easy and consistent.
+
+## Key Features
+- Container technology
+- Portable and scalable
+- Fast deployment
+- Big ecosystem
+
+## Usage
+- Packaging apps
+- Running isolated environments
+- CI/CD pipelines
+
+## Examples
+```bash
+docker build -t myapp .
+docker run -p 8080:80 myapp
+```
+
+## Resources
+- [Docker Official Site](https://www.docker.com/)
+- [Docker Docs](https://docs.docker.com/)
+- [Docker Hub](https://hub.docker.com/)

Content/table-of-contents/01-table-of-contents/git/README.md

@@ -0,0 +1,38 @@
+# Git
+
+![Git Logo](https://upload.wikimedia.org/wikipedia/commons/3/3f/Git_icon.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+Git is a version control system that helps you track code changes, work with others, and manage project history.
+
+## Key Features
+- Distributed system
+- Branching and merging
+- Fast and efficient
+- Used everywhere
+
+## Usage
+- Source code management
+- Team collaboration
+- Open source projects
+
+## Examples
+```bash
+git init
+git add .
+git commit -m "Initial commit"
+```
+
+## Resources
+- [Git Official Site](https://git-scm.com/)
+- [Atlassian Git Tutorial](https://www.atlassian.com/git/tutorials)
+- [GitHub Learning Lab](https://lab.github.com/)

Content/table-of-contents/01-table-of-contents/html/README.md

@@ -0,0 +1,43 @@
+# HTML
+
+![HTML Logo](https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+HTML is the standard markup language for building web pages. It gives structure and meaning to your content.
+
+## Key Features
+- Defines web page structure
+- Works with CSS and JS
+- Supported by all browsers
+
+## Usage
+- Creating web pages
+- Embedding images and videos
+- Making forms
+
+## Examples
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>My First HTML Page</title>
+  </head>
+  <body>
+    <h1>Hello, World!</h1>
+  </body>
+</html>
+```
+
+## Resources
+- [MDN HTML Guide](https://developer.mozilla.org/en-US/docs/Web/HTML)
+- [W3Schools HTML](https://www.w3schools.com/html/)
+- [HTML.com](https://html.com/)

Content/table-of-contents/01-table-of-contents/javascript/README.md

@@ -0,0 +1,39 @@
+# JavaScript
+
+![JavaScript Logo](https://upload.wikimedia.org/wikipedia/commons/6/6a/JavaScript-logo.png)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+JavaScript is a versatile programming language used for web development, apps, and more. It lets you build interactive and dynamic websites.
+
+## Key Features
+- Runs in all browsers
+- Supports multiple programming styles
+- Huge ecosystem
+- Used for both frontend and backend
+
+## Usage
+- Making web pages interactive
+- Building web and mobile apps
+- Server-side development (Node.js)
+
+## Examples
+```javascript
+function add(a, b) {
+  return a + b;
+}
+console.log(add(2, 3)); // 5
+```
+
+## Resources
+- [MDN JavaScript Guide](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+- [JavaScript.com](https://www.javascript.com/)
+- [ECMAScript Spec](https://tc39.es/ecma262/)

Content/table-of-contents/01-table-of-contents/nodejs/README.md

@@ -0,0 +1,45 @@
+# Node.js
+
+![Node.js Logo](https://upload.wikimedia.org/wikipedia/commons/d/d9/Node.js_logo.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+Node.js lets you run JavaScript on the server. It’s great for building fast, scalable apps and APIs.
+
+## Key Features
+- Asynchronous and event-driven
+- Fast with V8 engine
+- Huge npm ecosystem
+- Cross-platform
+
+## Usage
+- Web servers and APIs
+- Real-time apps (chat, games)
+- Command-line tools
+
+## Examples
+```javascript
+// Simple HTTP server with Node.js
+const http = require('http');
+const server = http.createServer((req, res) => {
+  res.statusCode = 200;
+  res.setHeader('Content-Type', 'text/plain');
+  res.end('Hello, World!');
+});
+server.listen(3000, () => {
+  console.log('Server running at http://localhost:3000/');
+});
+```
+
+## Resources
+- [Node.js Official Site](https://nodejs.org/)
+- [MDN Node.js Guide](https://developer.mozilla.org/en-US/docs/Learn/Server-side/Node_server_without_framework)
+- [W3Schools Node.js](https://www.w3schools.com/nodejs/)

Content/table-of-contents/01-table-of-contents/python/README.md

@@ -0,0 +1,38 @@
+# Python
+
+![Python Logo](https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+Python is a high-level, easy-to-read language used for web development, data, automation, and more. It’s known for being beginner-friendly and super flexible.
+
+## Key Features
+- Simple, readable syntax
+- Tons of libraries
+- Great for many types of projects
+- Big, helpful community
+
+## Usage
+- Web apps (Django, Flask)
+- Data science and AI
+- Automation scripts
+
+## Examples
+```python
+def add(a, b):
+    return a + b
+print(add(2, 3))  # 5
+```
+
+## Resources
+- [Python.org](https://www.python.org/)
+- [Real Python](https://realpython.com/)
+- [W3Schools Python](https://www.w3schools.com/python/)

Content/table-of-contents/01-table-of-contents/react/README.md

@@ -0,0 +1,38 @@
+# React
+
+![React Logo](https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+React is a JavaScript library for building user interfaces, especially single-page apps. It’s all about reusable components.
+
+## Key Features
+- Component-based
+- Fast updates with Virtual DOM
+- Big ecosystem
+- Works with hooks and state
+
+## Usage
+- Interactive web apps
+- Reusable UI parts
+- Mobile apps (React Native)
+
+## Examples
+```jsx
+function HelloWorld() {
+  return <h1>Hello, World!</h1>;
+}
+```
+
+## Resources
+- [React Official Site](https://react.dev/)
+- [MDN React Guide](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started)
+- [W3Schools React](https://www.w3schools.com/react/)

Content/table-of-contents/01-table-of-contents/restful-apis/README.md

@@ -0,0 +1,39 @@
+# RESTful APIs
+
+![REST API Logo](https://upload.wikimedia.org/wikipedia/commons/6/6f/RestApi.svg)
+
+## Table of Contents
+1. [Introduction](#introduction)
+2. [Key Features](#key-features)
+3. [Usage](#usage)
+4. [Examples](#examples)
+5. [Resources](#resources)
+
+---
+
+## Introduction
+RESTful APIs are a way for different systems to talk to each other over HTTP. They use standard methods like GET, POST, PUT, and DELETE.
+
+## Key Features
+- Stateless
+- Uses HTTP methods
+- Resource-based
+- Super common in web dev
+
+## Usage
+- Web and mobile backends
+- Connecting systems
+- Exposing data and services
+
+## Examples
+```http
+GET /api/users
+POST /api/users
+PUT /api/users/1
+DELETE /api/users/1
+```
+
+## Resources
+- [REST API Tutorial](https://restfulapi.net/)
+- [MDN REST Guide](https://developer.mozilla.org/en-US/docs/Glossary/REST)
+- [Postman Learning Center](https://learning.postman.com/docs/getting-started/introduction/)