Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

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.
## Installation

1. 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)