Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/m7mdjs/portfolio-website

Welcome to my personal portfolio website! This project is an upgraded version of the original personal portfolio, now built using React.js. This second version includes several new features, updates to the design, additional pages, and refined color schemes.
https://github.com/m7mdjs/portfolio-website

personal personal-project personal-site personal-website prtofolio react reactjs

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/m7mdjs/portfolio-website
Owner: M7mdJs
License: gpl-3.0
Created: 2024-02-24T06:14:27.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-02-24T19:16:50.000Z (11 months ago)
Last Synced: 2024-11-13T12:41:20.424Z (2 months ago)
Topics: personal, personal-project, personal-site, personal-website, prtofolio, react, reactjs
Language: JavaScript
Homepage: https://iim7md11.github.io/Portfolio-Website/
Size: 1.39 MB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Personal Portfolio Website

## Technologies Used

- **React.js**: The entire website is built using React.js, providing a more dynamic and interactive user experience.
- **React Spring**: Used for creating smooth animations throughout the website.
- **React Router**: Implemented to enable navigation between different pages within the React application.
- **Bootstrap**: Used for styling and creating a responsive layout.
- **FontAwesome**: Icons from FontAwesome are utilized for visual elements.
- **Node.js and npm**: Used for managing and installing project dependencies.

## Features and Pages

### 1. Home
The home page provides an introduction to the website and its purpose.

### 2. Skills
This section showcases my technical skills, including proficiency in HTML, CSS, Bootstrap, JavaScript, React.js, Node.js, and more. Each skill is represented with an animated progress bar.

### 3. Projects
Explore a curated selection of my projects, each accompanied by brief descriptions and details.

### 4. Social Media
Find links to my various social media profiles, including Instagram, Threads, and Discord. Connect with me, follow updates, or reach out through these platforms.

### 5. Services
A new page detailing the services I offer, including web development, design consultation, and more.

### 6. Articles
An additional page featuring articles and blog posts written by me, covering various topics in web development and technology.

### 7. Contact
A dedicated page providing a contact form for inquiries, collaborations, or any other communication. You can also reach out to me directly through social media.

## Updated Color Scheme

The color scheme of the website has been refined for a more modern and cohesive look. The primary background color is now a deep blue (#001f3f), providing a sleek and professional appearance.

## Social Media Links

Connect with me on various social media platforms:

- [Instagram](https://www.instagram.com/mohamed_shahba_11/)
- [Threads](https://www.threads.net/@mohamed_shahba_11)
- [Discord](https://discord.com/users/1091118468155314306)

Feel free to follow, connect, or reach out to me through these platforms.

## Contact

For any inquiries, collaborations, or if you just want to say hello, you can reach me through the contact form on the website or directly through my social media channels.

## Credits

The original website design and structure were based on the template created by iiShadow. This version has been extended and customized by iiShadow to incorporate new features, pages, color schemes, and a modernized look.

If you have any questions, feedback, or would like to collaborate on a project, feel free to reach out through any of the provided social media links.

**Thank you for visiting my portfolio!**