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

Website, which includes information about me and some of my projects / Cайт-портфолио, содержащий информацию обо мне и моих предыдущих проектах
https://github.com/pipchenkovaa/portfolio-website

css3 git html5 javascript portfolio-website scss tailwindcss webpack

Last synced: 4 months ago
JSON representation

Website, which includes information about me and some of my projects / Cайт-портфолио, содержащий информацию обо мне и моих предыдущих проектах

• Host: GitHub
• URL: https://github.com/pipchenkovaa/portfolio-website
• Owner: Pipchenkovaa
• Created: 2024-09-04T12:54:31.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-15T16:36:52.000Z (10 months ago)
• Last Synced: 2025-04-14T20:17:10.350Z (7 months ago)
• Topics: css3, git, html5, javascript, portfolio-website, scss, tailwindcss, webpack
• Language: JavaScript
• Homepage: https://pipchenkovaa.github.io/Portfolio-Website/
• Size: 42.4 MB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 Portfolio Website / Сайт-Портфолио 

This is my personal portfolio website where I showcase my skills & projects. The website is designed to be a simple yet effective way to showcase the work done and the quality of skills acquired within 5 months in the field of frontend development.



Мой личный сайт-портфолио, на котором представлены мои проекты. Сайт разработан как простой и эффективный способ продемонстрировать проделанную работу, а также качество приобретенных в течение 5 месяцев навыков в области фронтенд разработки.

  💡 Features / Особенности  

The website adapts to different screen sizes for a seamless experience on both desktop and mobile devices / Сайт подстраивается под разные размеры экранов

Utilizes pure JavaScript to dynamically generate multiple 'pages' without reloading / Использует чистый JavaScript для генерации всех элементов на странице

Some of the styles are written using TailwindCSS, which reduces the amount of code for styles / Некоторые из стилей написаны с помощью TailwindCSS, что уменьшает количество кода для стилей

Features an animated, infinite-scrolling tech stack banner that adjusts to screen sizes / Прокручивающийся список технологий, который подстраивается под размер экрана.


  ⚙️ Structure / Структура  



«dist/» contains a compiled and optimized version of the project / папка «dist» содержит скомпилированную и оптимизированную версию проекта



«fonts/» contains custom fonts / папка «fonts» содержит кастомные шрифты



«images/» contains all the images and icons used in the project / папка «images» содержит все использованные в проекте изображения и иконки



«src/» contains source code, including JS and SCSS files / папка «src» содержит исходный код, включая JS и SCSS файлы


  Built With / Использованные технологии  

HTML5 / CSS3 / SCSS / JavaScript (ES6+) / TailwindCSS / Webpack / Photoshop


  Run this project locally / Для запуска проекта локально:  


1) Clone the repository / Клонируем репозиторий: `git clone https://github.com/Pipchenkovaa/Portfolio-Website.git`


2) Navigate to the project directory / Переходим в директорию проекта: `cd Portfolio-Website`


3) Install dependencies / Устанавливаем необходимые модули и пакеты: `npm install`


4) Start the development server / Запускаем скрипт для сборки JavaScript модулей: `npm start`


5) Open the project in your browser / Открываем проект локально в браузере: `http://localhost:3000`


  ©️ Author / Авторство  

© Pipchenkova Alina, 2025