Hello there! 👋
I am
Roman
> Full-Stack Developer
// Check out my code on GitHub:
const githubLink = "https://github.com/cd-roman";
SCROLL DOWN TO SEE MY WORK
My tech stack
Below is a set of technologies I use. While my primary focus is on front-end development, I also have experience with back-end setup using NodeJS and Express, database management, testing, deployment through CI/CD pipelines, and UX design skills.
HTML5
CSS3
SCSS/Sass
Tailwind
Styled co-s
JavaScript
TypeScript
React
Redux
NextJS
Cypress
NodeJS
Express
MySQL
PostgreSQL
MongoDB
Git
Vercel
Netlify
Figma
My projects
UI Components Showcase
A web app demonstrating a variety of reusable components, including bar, donut, and column charts, a to-do list, a wizard, and some others I've built for various projects. It also includes additional features such as toast notifications and a splash screen, providing a comprehensive view of modern UI elements abilities in action.
Tools
React, TypeScript, SCSS, ApexCharts, Toastify, GSAP, Vite
Webiste uptime monitor
Open-source GitHub Action that monitors your websites' uptime, logs results, and creates issues when sites are down. All managed entirely within your GitHub repository, with no external servers or cloud services required. Available on GitHub Marketplace.
Tools
Node.js, GitHub Actions, Vitest
Carbon emissions calculator
This dashboard aims to calculate the emissions people cause traveling by planes and cars. By filling up your flight destinations with the number of flights and your car trip specifications, you can roughly count your carbon footprint and the number of trees needed to offset it.
Tools
React, TypeScript, MUI, SCSS, Axios, Vite
Organizational chart
The org chart helps to visualize corporate, department, or team structure. The web app allows adding, editing, and deleting employee cards and downloading the entire org chart as PDF or image. Zoom in and zoom out to conveniently see various parts of the org structure.
Tools
React, SCSS, Styled components, Axios
Glitzy
This demo e-commerce app is developed using React, Redux, and Styled Components to ensure a consistent rendering of products and effective cart state management across multiple device interfaces. It includes Firebase for authentication and optimized responsive design for screens starting at 320px in width.
Tools
React, Redux, TypeScript, SCSS, Styled components, Firebase
Events website
A full-stack events website built with NextJS and TypeScript and styled with Tailwind CSS. It incorporates NextJS features like dynamic paths and metadata generation based on search results and page content. The application uses Prisma with PostgreSQL and is deployed on Vercel.
Tools
NextJS, TypeScript, Tailwind, Prisma, PostgreSQL
TechJobs web app
A streamlined job search website for tech positions, enabling users to search for opportunities by technology and bookmark them for easy access. The site is built with custom React hooks, incorporates basic sorting functionality, and efficiently manages the state of bookmarked jobs.
Tools
React, TypeScript, Custom hooks, CSS, Vite
Bowls & Friends
A cafe website thoughtfully designed from scratch for the Google UX Design Certificate program. It features a vibrant photo gallery, an interactive menu crafted with Bootstrap, and a feedback form with integrated rating functionality to enhance user engagement. The site is responsive and optimized for screens 320px and wider, ensuring a seamless user experience.
Tools
HTML, SCSS, Bootstrap, JavaScript
Journey pack
A practical tool designed to simplify packing for journeys. This application includes an item counter and allows users to interact with their packing list—adding new items, marking them as packed or unpacked, sorting items, and managing the list with options to delete all or reset to the initial state. State management is handled using Zustand.
Tools
React, CSS, Zustand
Simon game
A browser-based rendition of the classic Simon game, crafted using HTML, CSS, and Vanilla JS. This version features enhanced audio performance with carefully selected tracks for improved user experience. Audio handling includes using the AudioContext API for optimal playback and an audio unlocking feature to ensure seamless sound integration across various user interactions.
Tools
HTML, CSS, JavaScript, AudioContext API
Let's get in touch 🤙
Send me a message, and I'll reply asap