https://github.com/m7mdjs/portfolio-website-v5
M7md.js is a personal portfolio website designed to highlight my skills and projects in web development. It includes sections for an about page, service offerings, testimonials, and contact information.
https://github.com/m7mdjs/portfolio-website-v5
portfolio portfolio-website react reactjs tailwind tailwindcss
Last synced: 3 months ago
JSON representation
M7md.js is a personal portfolio website designed to highlight my skills and projects in web development. It includes sections for an about page, service offerings, testimonials, and contact information.
- Host: GitHub
- URL: https://github.com/m7mdjs/portfolio-website-v5
- Owner: M7mdJs
- License: mit
- Created: 2024-09-16T20:27:14.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-01-02T17:47:10.000Z (5 months ago)
- Last Synced: 2025-01-02T18:38:40.950Z (5 months ago)
- Topics: portfolio, portfolio-website, react, reactjs, tailwind, tailwindcss
- Language: JavaScript
- Homepage: https://m7mjs.pages.dev/
- Size: 2.97 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
```markdown
# M7md.js
Welcome to **M7md.js**! This is a personal portfolio project showcasing my skills, projects, and services. The website is built using modern web technologies and offers insights into my work and expertise.
---
## Table of Contents
- [Project Overview](#project-overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
---
## Project Overview
M7md.js is a personal portfolio website designed to highlight my skills and projects in web development. It includes sections for an about page, service offerings, testimonials, and contact information.
---
## Features
- **Responsive Design**: Optimized for both desktop and mobile devices.
- **Dynamic Tabs**: View different technologies and services with smooth transitions.
- **Interactive Elements**: Hover effects and animations for better user engagement.
- **Social Media Integration**: Connect with me via GitHub, Instagram, Discord, and Twitter.
---
## Technologies Used
- **React**: A JavaScript library for building user interfaces.
- **Tailwind CSS**: A utility-first CSS framework for custom designs.
- **React Spring**: For smooth animations and transitions.
- **FontAwesome**: For scalable vector icons.
---
## Installation
To get started with this project locally, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/M7mdJs/Portfolio-Website-V5.git
```
2. **Navigate into the project directory:**
```bash
cd Portfolio-Website-V5
```
3. **Install the dependencies:**
```bash
npm install
```
4. **Start the development server:**
```bash
npm start
```
Open your browser and navigate to `http://localhost:3000` to view the project.
---
## Usage
- **Home Page**: Overview of the project and navigation links.
- **About Page**: Information about me and my background.
- **Services Page**: Detailed descriptions of services offered.
- **Projects Page**: Showcases various projects and achievements.
- **Contact Page**: Contact form and social media links.
---
## Contributing
Contributions are welcome! If you'd like to contribute to the project, please follow these steps:
1. **Fork the repository** on GitHub.
2. **Create a new branch** for your feature or fix:
```bash
git checkout -b feature/your-feature
```
3. **Commit your changes**:
```bash
git commit -m "Add new feature or fix"
```
4. **Push your changes** to your forked repository:
```bash
git push origin feature/your-feature
```
5. **Open a pull request** on the original repository to merge your changes.
---
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
## Contact
If you have any questions or feedback, feel free to reach out:
- **Discord**: [@_9z.](https://github.com/SrWitty)
- **GitHub**: [@M7mdJs](https://github.com/M7mdJs)
- **Twitter**: [@SirWitty_1](https://twitter.com/SirWitty_1)
---
Thank you for visiting my portfolio! Feel free to connect with me and explore my work.
```