<implementation>(MENU): use of react-svg-inliner, documentation

Author: codejovz

LICENSE

@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <https://unlicense.org>

README.md

@@ -2,8 +2,77 @@
 
 [![https://codejovz.vercel.app](/public/portfolioShowcase.png)](https://codejovz.vercel.app)
 
-Click on the photo to see the live site.
+Click on the photo to visit the live site.
 
+## ⚡ Tech Stack
+
+This project leverages the latest standards in web development:
+
+*   **React 19**: Built on the cutting-edge version of React.
+*   **TypeScript**: Ensuring type safety and a robust development experience.
+*   **CSS Modules**: For scoped, maintainable, and collision-free styling.
+*   **Modern CSS**: Utilizing CSS variables and native features for a responsive and themable design.
+*   **Vite**: A fast build tool for modern web development.
+*   **[react-svg-inliner](https://github.com/codejovz/react-svg-inliner)**: A React component for inlining SVG images.
+
+
+## 🚀 Getting Started
+
+Follow these steps to run the documentation locally on your machine.
+
+### 1. Clone the Repository
+
+If you haven't already, clone the `codejovz.github.io` repository:
+
+```bash
+git clone https://github.com/codejovz/codejovz.github.io.git
+```
+
+### 2. Navigate to the Project Directory
+
+Switch to the `codejovz.github.io` folder where this web application resides:
+
+```bash
+cd codejovz.github.io
+```
+
+### 3. Install Dependencies
+
+Install the necessary dependencies using `npm`:
+
+```bash
+npm install
+```
+
+### 4. Run the Development Server
+
+Start the local development server:
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:5173](http://localhost:5173) with your browser to see the result.
+
+## 📂 Project Structure
+
+This project follows a **Feature-Based Architecture**. This keeps related code collocated, making it easier to maintain and scale.
+
+```
+├── public/              # Static Assets (Google, company logos)
+├── src/
+│   ├── features/
+│   │   ├── resumee/     # Subcomponents and utils for resumee
+│   │   └── showcase/    # Subcomponents and utils for showcase
+│   ├── App.tsx          # Main application component
+│   ├── App.css/         # Main application styles
+│   ├── Menu.tsx/        # Menu component
+│   └── ...            
+├── index.html           # Loads script for Google's font.
+└── ...
+```
+
+*   **`src/`**: Contains the main application logic. Each folder represents a component (e.g., `/resumee`, `/showcase`), encompassing its own page, layout, and specific styles with `*.module.css`.
 
 <details>
   <summary>I used React + TypeScript + Vite</summary>