Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mmansy19/portfolio
My Website Portfolio
https://github.com/mmansy19/portfolio
flask html-css-javascript portfolio python sass
Last synced: about 1 month ago
JSON representation
My Website Portfolio
- Host: GitHub
- URL: https://github.com/mmansy19/portfolio
- Owner: MMansy19
- Created: 2024-01-11T17:50:16.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-05-20T16:11:46.000Z (7 months ago)
- Last Synced: 2024-05-20T18:52:18.499Z (7 months ago)
- Topics: flask, html-css-javascript, portfolio, python, sass
- Language: HTML
- Homepage: https://mahmoud-mansy-portfolio.netlify.app/
- Size: 337 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Portfolio
## [πLive Demo π](https://mahmoud-mansy-portfolio.netlify.app/)
This is a project that I completed as part of [Almdrasa.com](https://almdrasa.com/)
coding challenge. The main goal of the project was to create a responsive website using HTML, CSS (BEM), Flexbox, CSS grid, SASS and JavaScript.## Project Overview
The website was designed with responsiveness in mind, so it looks great on all devices, from desktop computers to mobile phones. The use of Flexbox and CSS Grid helped to create a flexible and responsive layout that adapts to different screen sizes.
## Technologies Used
The following technologies were utilized in this project:
### Frontend
β’ HTML
β’ CSS
β’ SASS
β’ Responsive Web Design
β’ JavaScript
### Backend
β’ Python
β’ Flask
β’ PostgreSQL
## Features
- Responsive design for various devices.
- Projects showcase with details.
- Skillset and achievements display.
- Clean and modern UI using HTML, CSS, Sass, Flexbox, and CSS Grid.
- Some attractive JavaScript functions## Getting Started
To get started with this project, you will need to have a basic understanding of HTML, CSS, SASS and JavaScript. You will also need to have a text editor or an integrated development environment (IDE) installed on your computer.
To view the website, simply open the `index.html` file in your web browser. The website should display correctly in the browser.
## Installation1. Clone the repository:
```bash
git clone https://github.com/MMansy19/Portfolio.git
```2. Open the project folder:
```bash
cd your-portfolio
```3. Open `index.html` in your preferred web browser.
## Usage
Simply open the website using the provided link: [https://main--mahmoud-mansy-portfolio.netlify.app/](https://main--mahmoud-mansy-portfolio.netlify.app/)
Explore the different sections to learn more about me, my skills, and the projects I have worked on.
## Contributing
If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Contributions are welcome!
## Contact
Feel free to reach out to me any time. I prefer to talk over email, especially since we may be in different time zones.- Email: [[email protected]](mailto:[email protected])
- [LinkedIn](https://www.linkedin.com/in/mahmoud-mansy-a189a5232/)## Author
[Mahmoud Mansy](https://github.com/MMansy19)