Front-End Portfolio

Hi There

I AmSerhii Iliniuk

Front-end Developer

Skills

HTMLHTML (Hypertext Markup Language) is the standard language for creating web pages. It defines the structure of a webpage using a series of elements or tags, which outline the content, such as text, images, and links. HTML is essential for front-end development, providing the foundation for how web pages are displayed in browsers.

CSSCSS (Cascading Style Sheets) is a language used to style web pages. It controls the layout, colors, fonts, and spacing of HTML elements. CSS enables responsive design, allowing websites to adapt to different screen sizes. By separating content from design, it enhances maintainability and improves user experience across various devices.

JavaScriptJavaScript is a dynamic programming language mainly used in web development. It enables interactive and responsive web pages by running directly in the browser. Supporting multiple paradigms like functional and object-oriented programming, JavaScript is essential for front-end development and, with Node.js, is also used on the server side.

TypeScriptTypeScript is a superset of JavaScript that adds static typing. It helps catch errors early, improving code quality and maintainability. With features like interfaces and type annotations, TypeScript enhances the development experience. It compiles to plain JavaScript, ensuring compatibility with all browsers and platforms.

SASSSASS (Syntactically Awesome Style Sheets) is a CSS preprocessor that adds features like variables, nested rules, and mixins. It allows developers to write more organized and maintainable stylesheets, promoting code reusability and efficiency in styling complex web applications.

TailwindTailwind CSS is a utility-first framework that speeds up UI development with low-level utility classes for custom designs. It supports responsive design and dark mode while allowing customization. Tailwind simplifies styling, making it easy to create visually appealing, responsive web applications efficiently.

ReactReact is a JavaScript library for building user interfaces, focusing on creating reusable components. It efficiently updates and renders components using a virtual DOM, making it ideal for dynamic web applications and improving performance.

ReduxRedux is a state management library for JavaScript applications, often used with React. It centralizes application state in a store and allows predictable state changes through actions and reducers. Redux simplifies managing complex state logic, improving application maintainability and debugging.

React NativeReact Native is a framework for developing mobile applications using JavaScript and React. It allows developers to create cross-platform apps for iOS and Android from a single codebase, utilizing native components for enhanced performance and user experience.

GitHubGitHub is a web-based platform for version control using Git, allowing developers to collaborate on projects. It provides features like pull requests, issues, and project boards, making it easier to manage code repositories and enhance team collaboration.

Next.jsNext.js is a React framework that enables server-side rendering and static site generation. It simplifies building optimized applications with features like automatic code splitting, file-based routing, and API routes, enhancing performance and SEO for web projects.

GitGit is a distributed version control system that tracks changes in source code during software development. It enables collaboration among developers by managing different file versions and maintaining a complete change history. With features like branching and merging, Git supports efficient workflows for both individual and team projects.

My Projects

View

Smart Pos Terminal

Smart POS Terminal is my first project built with React and TypeScript, utilizing SASS for styling. It employs Redux for state management, enabling efficient handling of application data. The terminal provides a user-friendly interface and enhances performance through organized state management, making it ideal for point-of-sale applications.

View

Weather App

Weather App built with React and TypeScript that uses custom hooks for managing state and logic. It employs Tailwind CSS for styling, ensuring a responsive design, and Axios for making API requests to fetch weather data. Additionally, it incorporates I18n for seamless translation and localization, enhancing user experience across different languages.

View

To-Do

This To-Do List app is a user-friendly task management tool that helps users efficiently organize and track their tasks. Built with modern web technologies, it features a responsive design for seamless use on various devices. The app supports drag-and-drop functionality, easy task editing, and cross-platform synchronization, enhancing the overall user experience.

View

ToDo & Weather

This projects represent transitions React web apps to React Native. The Weather App features real-time updates, location-based forecasts, hourly data, and an editable favorite city list. The To-Do List App includes task management, prioritization, drag-and-drop, swipe-to-edit/delete, and cross-platform user accounts. Both apps were effectively migrated to React Native. Can find both apps in my repositories.

Contacts