"Портфолио" / "Portfolio"

Описание проекта

Это портфолио моих лучших работ, которое я создала с целью продемонстрировать свои навыки и возможности. Само портфолио также выполнено на React. Сайт состоит из двух страниц:

1. Главная страница, на которой представлены мои проекты, стек моих знаний и используемых технологий и немного информации обо мне.
2. Страница "Контакты" с формой обратной связи, которая отправляет данные через сервис Formspree.

Проект включает функционал смены темы (с темной на светлую и обратно), который я реализовала с помощью React Redux. Для оформления навигации между страницами и выпадающего меню используются компоненты библиотеки Material UI.

Project Description

This is a portfolio of my best works, which I created in order to demonstrate my skills and capabilities. The portfolio itself is also made on React. The site consists of two pages:

1. The main page, which presents my projects, the stack of my knowledge and technologies used, and some information about me.
2. The "Contacts" page with a feedback form that sends data through the Formspree service.

The project includes the functionality of changing the theme (from dark to light and back), which I implemented using React Redux. The components of the Material UI library are used to design the navigation between pages and the drop-down menu.

Ключевые особенности

• Дизайн: Минималистичный интерфейс.
• Смена темы: Кнопка для изменения цветовой схемы приложения (темная/светлая тема).
• Навигация: Выпадающее меню и ссылки для быстрого перемещения к нужному разделу, реализованные через Material UI.
• Контактная форма: Простая форма для отправки сообщений на страницу Formspree.

Key Features

• Design: Minimalistic interface, focused on desktop devices.
• Theme Change: A button to change the color scheme of the application (dark/light theme).
• Navigation: Drop-down menu and links for quick navigation to the desired section, implemented via the Material UI.
• Contact Form: A simple form for sending messages to the Formspree page.

Используемые технологии

• React: Основной фреймворк для разработки приложения.
• React Router: Для маршрутизации между страницами.
• React Redux: Для управления состоянием приложения (система тем).
• Material UI: Для создания навигационного меню и стилизованных ссылок.
• Formspree: Для обработки и отправки данных из контактной формы.

Technologies used

• React: The main framework for application development.
• React Router: For routing between pages.
• React Redux: For managing the application state (theme system).
• Material UI: For creating navigation menus and stylized links.
• Formspree: For processing and sending data from the contact form.

Запуск проекта

Перейдите по ссылке на Портфолио или запустите проект локально.

Запуск проекта локально

Чтобы запустить проект на вашем компьютере, выполните следующие шаги:

1. Клонируйте репозиторий:

   git clone https://github.com/Maxi-hub/resume.git
   cd resume
   

2. Установите зависимости: Убедитесь, что у вас установлен Node.js и менеджер пакетов npm или yarn. Выполните команду:

   npm install
   

3. Запустите проект: После установки всех зависимостей выполните:

   npm start
   

Приложение откроется в браузере по адресу: http://localhost:3000.

Project launch

Follow the link to [Portfolio](maxi-hub.github.io/portfolio /) or run the project locally.

Launching the project locally

To run the project on your computer, follow these steps:

1. Clone the repository:

   git clone https://github.com/Maxi-hub/resume.git
   cd resume
   

2. Install dependencies: Make sure you have Node installed.js and the npm or yarn package manager. Run the command:

   npm install
   

3. Launch the project: After installing all the dependencies, run:

   npm start
   

The application opens in the browser at: http://localhost:3000 .