Welcome to my Portfolio
Making it happen
You have a really brilliant idea and it'll make people life easier or give them new opportunities they didn't have early? And you really need someone who can help you live out this idea on the Web?
I can help you and I'll be happy to do it. I believe that all the cool ideas should come true!
Lyudmyla Portfolio
designer & developer
I've been working in software development industry more than 18 years and I managed to implement a lot of amazing products, some of which I enjoy with pleasure.
I think that's because I like to dive into subject area and into an existing task as deep as possible and prepare clear requirements with its excellent future implementation.
My design approach is always clean, modern, and simple. All code meets current best practices.
The main goal for me: to understand the customer, to find the most effective solution in a short time and to implement it with excellent quality.
My Work
Node.js Application
The task was to display the current status of the pool and the gym based on the data of the schedule of their work and holidays from the xlsx-file.
The data should have been displayed taking into account the time zone of the pool/gym.
Node.js App with current state of the gym & pool
The task was to display the current status of the pool and the gym based on the data of the schedule of their work and holidays from the xlsx-file.
The data should have been displayed taking into account the time zone of the pool/gym.
Decision:
I've built a Node.js application using several additional libraries:
1. To import data from the xlsx file, the library xlsx.js was used.
2. For the further analysis of data and their processing, the libraries moment.js and moment-timezone.js were used.
In addition, the markup of the page was adapted for mobile devices.
Gym working hours logic:
Working hours are defined on the values of the sheets “GYM ALL YEAR” and “GYM Holidays”.
The sequence of actions for defining the message text is as follows
Pool working hours logic:
Pool is all year long closed, but open only in season.
Working hours for season’s days are defined on the sheet “Pool”
Client's feedback:
"Lyudmyla delivered a project with Node.js skills I enjoyed working with her. She gave a lot of thought before even she start, She is a quick learner and very sharp regards to understanding the project basics. Definitely, I would love to work with her again!"
More details on github:
https://github.com/gulik-lyuda/15_nodejs_app_with_xlsx
SPA with Angular.js
The task was to create a single page application with Angular.js. The application should have two pages: general table with nearest events and page with the details of a chosen event.
All dates and times should be in event's timezone. Also Google Maps should be integrated on the page with detailed information on the event to show the exact venue of the event with a marker.
SPA with Angular.js
The task was to create a single page application with Angular.js. The application should have two pages: general table with nearest events and page with the details of a chosen event.
All dates and times should be in event's timezone. Also Google Maps should be integrated on the page with detailed information on the event to show the exact venue of the event with a marker.
Decision:
I've built single page application using:
- HTML\CSS\JavaScript
- Angular.js (version 1.4)
- Moment.js
- Moment-Timzeone.js
- Google Map API
- SCSS
- Gulp
Also on the page with detailed information on the event were integrated Google Maps showing the exact venue of the event with a marker.
To facilitate the deployment of the application was created server.js.
More details on github:
https://github.com/gulik-lyuda/06_Upcoming_Game_events
Adaptive Portfolio Site Markup
It was necessary to create a portfolio site on an existing design using Flex Grid Layout.
The portfolio site should be adapted to different types of devices - computers, laptops, tablets, smartphones.
Adaptive Portfolio Site Markup
It was necessary to create a portfolio site on an existing design using Flex Grid Layout.
The portfolio site should be adapted to different types of devices - computers, laptops, tablets, smartphones.
Decision:
I've built all pages by design using:
- HTML5\CSS\JavaScript
- jQuery
- Flex Grid Layout
- Media Queries
- SVG Icons
- Additional Fonts
- SCSS
- Gulp
Home Page:
Single Work Post Page
About Page:
General Blog Page:
Single Blog Post Page:
Contact Page:
More details on github:
https://github.com/gulik-lyuda/20_markup_portfolio_site_with_flex_animations
Error 404 page Design
Task was to create an interesting design for the Error 404 page (without any information about site)
Web Design for the Error 404 page
Task was to create an interesting design for the Error 404 page (without any information about site)
Decision:
I've found an interesting background image that inspired me to this design
More details on behance:
https://www.behance.net/gallery/64054189/404-Page
Web Design for the Promo Site
The task was to create a design concept for the promo site of the architecture agency.
The main slogan for the site was - "New architecture for new ideas".
Web Design for the Promo Site
The task was to create a design concept for the promo site of the architecture agency.
The main slogan for the site was - "New architecture for new ideas".
Decision:
I studied a lot of promo sites of other architecture agencies to understand what information is really important fo such kind of sites
Also I saw for the current designs on Behance and inspired them.
More details on behance:
https://www.behance.net/gallery/65604583/Promo-Site-Concept