Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tokhy1/sass_portfolio

Welcome to my portfolio website! This project showcases my skills, experience, and projects as a web developer. The website is built using HTML, CSS, JavaScript, and the SASS library to provide a clean, responsive, and interactive user experience.
https://github.com/tokhy1/sass_portfolio

css design html javascript portfolio-website responsive-design sass website

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/tokhy1/sass_portfolio
Owner: tokhy1
Created: 2024-06-04T18:08:57.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-06-04T20:45:19.000Z (7 months ago)
Last Synced: 2024-06-05T20:43:26.145Z (7 months ago)
Topics: css, design, html, javascript, portfolio-website, responsive-design, sass, website
Language: HTML
Homepage:
Size: 2.29 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Portfolio Website

## Preview
[Watch the project oveview](https://github.com/tokhy1/SASS_Portfolio/assets/140895791/4b50ec3c-3c66-4425-8513-7fe571c503ea)

## Features

- **Responsive Design**: The website is fully responsive, ensuring it looks great on all devices, from desktops to mobile phones.
- **Interactive Elements**: Utilizes JavaScript for dynamic content and interactive features to enhance user engagement.
- **SASS**: Employs the SASS library for more efficient and organized CSS, allowing for easy customization and maintenance.

## Technologies Used

- **HTML5**: The standard markup language for creating web pages.
- **CSS3**: Used for styling and layout of the web pages.
- **JavaScript**: Adds interactivity and dynamic content to the website.
- **SASS**: A preprocessor scripting language that is interpreted or compiled into CSS, providing advanced features like variables, nested rules, and mixins.

## Pages

- **Home**: An overview of who I am and what I do.
- **About**: Detailed information about my background, skills, and experiences.
- **Experience**: A timeline of my professional experience, including roles, responsibilities, and achievements.
- **Projects**: A showcase of my work, including descriptions, technologies used, and links to live demos or source code.
- **Skills**: A comprehensive list of my technical skills, tools, and technologies I am proficient in.
- **Testimonials**: Feedback and testimonials from colleagues, clients, and mentors.
- **Blogs**: A collection of my blog posts on various topics related to web development and technology.

## Getting Started

To get a copy of the project up and running on your local machine for development and testing purposes, follow these steps:

1. Clone the repository: `git clone https://github.com/tokhy1/SASS_Portfolio.git`
2. Install dependencies: `npm install`
3. Compile sass code: `npm run compile-sass`

## Contributing:

We welcome contributions from the community to further enhance and improve the SASS Portfolio. Whether it's bug fixes, feature enhancements, or feedback, your input is invaluable.
1. Fork it ()
2. Create your feature branch (`git checkout -b feature/fooBar`)
3. Commit your changes (`git commit -am 'Add some fooBar'`)
4. Push to the branch (`git push origin feature/fooBar`)
5. Create a new Pull Request

## Contact
- Email:
- LinkedIn: [LinkedIn Profile](https://www.linkedin.com/in/mohamed-ashraf-abd-elmoneam-409538246?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BgLq%2BPh0QQX62Mwzt3ozQGQ%3D%3D)

Happy Coding!