https://github.com/ysebo/prikol

https://github.com/ysebo/prikol

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ysebo/prikol
• Owner: ysebo
• License: mit
• Created: 2024-05-11T22:50:37.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-15T17:28:48.000Z (2 months ago)
• Last Synced: 2024-09-15T18:36:12.413Z (2 months ago)
• Language: HTML
• Size: 2.75 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# Erdan's Portfolio

Welcome to my professional portfolio website! This site is a comprehensive showcase of my skills, projects, and educational background, designed and developed as part of the Web Design Mastery course. My portfolio demonstrates advanced CSS techniques, including Flexbox and Grid layouts, ensuring responsiveness and modern web design principles.

## Project Objective

The objective of this project was to design and develop a responsive website that utilizes advanced CSS techniques. The focus was on demonstrating the ability to create dynamic and responsive layouts that adapt to various devices and screen sizes, showcasing a strong foundation in modern web design.

## Theme and Design Concept

- **Theme**: Personal Portfolio

- **Color Scheme**: A mix of serene blues and vibrant whites to create a professional yet welcoming aesthetic.

- **Typography**: Roboto for body text and Oswald for headings, ensuring readability and style.

- **Layout Techniques**: Extensive use of CSS Grid and Flexbox to create a structured and dynamic layout.

## Features

### Navigation

- Intuitive and clear navigation throughout the website.

- Responsive hamburger menu on mobile devices.

### Content Sections

- **About Me**: Insights into my personal journey and professional aspirations.

- **Projects**: A showcase of various projects including web applications and designs.

- **Education**: Information about my academic background, highlighting my degree in Software Engineering from Ala-Too.

- **Skills**: A detailed list of my technical and soft skills.

- **Contact**: Various ways to reach me, including social media links and a contact form.

### Interactive Elements

- Interactive buttons and forms.

- CSS animations to enhance the user experience.

## Accessibility

This site is designed to be accessible to all users, including those with disabilities. Efforts include semantic HTML, alternative text for images, and keyboard navigable interfaces.

## Tools Used

- **Languages**: HTML, CSS, JavaScript

- **Design**: Adobe Photoshop, Figma for wireframing and mockups

- **Development**: Visual Studio Code

## Documentation

This project includes detailed documentation of the design process, the challenges faced, and the solutions implemented. Each section of the website is crafted to demonstrate both functionality and aesthetic appeal, aligned with modern web design standards.

## Reflection

This section includes a personal reflection on the design process, the challenges encountered, and the lessons learned throughout the development of this portfolio.

## How to View My Project

- **GitHub Repository**: [Visit my GitHub repository](https://github.com/ysebo/finalProject)

Thank you for visiting my portfolio. Feel free to connect with me through the contact information provided on the site!