Vasyl – React, JavaScript, Next.js

Internal admin application.

• refactor the old codebase;
• develop new pages;
• develop a custom UI library;

The admin frontend was a simple React.js application. It has been developing actively, some parts needed refactoring.

• turning parts of the code into reusable components;
• organizing API calls as “direct API call -> processing its results logic -> UI logic -> showing resulting data in UI”;
• getting the logic out of UI and keeping it as helper functions;
• organizing data structure & data flow on pages according to the “one source of truth” principle;
• checking the work of some app parts so they performed correctly and fitted the app’s purpose;
• fixing small UI bugs;

Users needed to manage their projects, train projects' teams, track team members' learning and working progress.

• responsible for the whole web UI part.

A small web application - task manager - for usage in client's own business.

• UI planning and coding;
• testing;
• deploying to a server;

Mix of social network & ecommerce for yachts & boats owners.

Users authorization. Adding boats, yachts. Editing them (description, prices etc). Booking & availability schedule.

The old version was written with jQuery, the new version had been built with React and Redux. The backend part was built on Symfony PHP framework and was supported by a client’s backend developer.

• planning a component structure for parts of UI;
• investigating the old frontend app and figuring out which API to use;
• writing tasks, estimating;
• coding components, writing logic with Redux-Saga;
• code reviews;
• communication with the customer and the backend developer.

Mix of e-commerce and booking. The application offered skies, skateboards and other winter activities. Users could rent or buy them.

• planning architecture, data structures and logic;
• planning and coding a custom library of reusable components for this application;
• handling client-side authorization & authentication with tokens;
• testing logic.

Organizing, collecting money, feedback gathering - for different events.

• planning architecture for a feature;
• planning data structure and logic;
• planning components composition to use already developed ones;
• coding new components;
• adding new components to the feature;
• adding event listeners and logic;
• testing logic.