cv-site

Project Title: Personal Portfolio Website

Description

A responsive and modern personal portfolio built with React, TypeScript, styled-components, Material-UI (MUI), and i18next for multilingual support.
It showcases skills, projects, and CV, offering a glimpse into the professional journey of the developer.

---

🚀 Tech Stack

• React – Frontend library for building UI
• TypeScript – Strongly typed JavaScript for better maintainability
• styled-components – CSS-in-JS styling for modular design
• Material-UI (MUI) – Component library for consistent UI
• i18next – Internationalization for multi-language support

---

✨ Features

• 🌙 Dark/Light mode
• 🌍 Multi-language support (including RTL for Arabic)
• 📱 Responsive design for all devices
• 🎨 Custom styled-components for consistent branding
• ⚡ Optimized performance with React and TypeScript

---

📥 How to Download and Run the Project

1. Go to GitHub Repository:

   Visit the GitHub repository of the project using a web browser.

2. Find the Clone URL:

   Click on the green "Code" button located on the repository page. Copy the provided HTTPS or SSH URL. This is the clone URL of your repository.

3. Open Visual Studio Code:

   Open Visual Studio Code on your computer.

4. Open Terminal in Visual Studio Code:

   Inside Visual Studio Code, open the integrated terminal by selecting View > Terminal from the top menu or by pressing Ctrl + `.

5. Navigate to Directory:

   Use the cd command to navigate to the directory where you want to clone the project. For example:

   cd path/to/directory

6. Clone the Repository:

   Use the git clone command followed by the URL you copied earlier to clone the repository. For example:

   git clone <repository-url>

   Replace <repository-url> with the URL you copied from GitHub.

7. Open Cloned Project in Visual Studio Code:

   Once the cloning process is complete, you can open the cloned project in Visual Studio Code by selecting File > Open Folder from the top menu and navigating to the directory where you cloned the project.

8. Run the Project:

   Depending on the type of project, you may need to install dependencies or configure settings before running it. Refer to any documentation or README files provided in the project for instructions on how to run it.