Welcome to my projects

Swipi Landing

Landing page for Swipi project

Swipi Landing Top
Autoplay example
Example with JSX elements
Playground section
Installation section
Swipi Landing Top
Autoplay example
Example with JSX elements
Playground section
Installation section
Swipi Landing Top
Autoplay example
Example with JSX elements
Playground section
Installation section

Technologies

React, TypeScript, Next.js, ChakraUI

Summary

Swipi Landing Page is a showcase platform I designed and led the development of, highlighting the remarkable features and functionalities of Swipi, a customizable slider npm package. The landing page serves as a comprehensive resource, providing visitors with a firsthand experience of Swipi's versatility. It showcases a collection of multiple examples, each demonstrating the power and flexibility of the Swipi slider. I want to mention that Swipi effortlessly adapts to various use cases, thanks to its robust feature set. One of the standout features of Swipi Landing Page is its unique configuration customization. Visitors can easily adjust and fine-tune the slider's settings to suit their specific needs. As they modify the configurations, the landing page dynamically generates the corresponding code, enabling users to quickly copy and paste the generated code into their projects. This streamlined process empowers developers and designers to seamlessly integrate Swipi into their applications. Experience the magic of Swipi through the Swipi Landing Page, and embark on a journey of stunning and interactive web experiences.

Weaponry

Weapon recognition app

Home screen
Camera screen with Abrams
Information screen with Abrams
Camera screen with Challenger 2
Information screen with Challenger 2
Home screen
Camera screen with Abrams
Information screen with Abrams
Camera screen with Challenger 2
Information screen with Challenger 2
Home screen
Camera screen with Abrams
Information screen with Abrams
Camera screen with Challenger 2
Information screen with Challenger 2

Technologies

React Native, TypeScript, Styled-Components

Summary

Weaponry is a mobile application that uses image recognition technology to identify different types of weapons. The app is currently capable of recognizing six different tanks, with plans to expand to include other weapons in the near future. My primary responsibilities on the project included designing and implementing the user interface for the app. I used my design skills to create a visually appealing and user-friendly interface for the app and then used React Native to code the UI. Additionally, I was responsible for managing the iOS side of the project, which involved testing the iOS version of the app, uploading the app to App Store Connect, and enabling TestFlight for testing purposes. Working on Weaponry was a valuable learning experience for me as I was able to develop and practice my skills in both UI design, and its implementation, and the most interesting part is playing with a machine learning model, creating datasets, and training the model. Being part of such an innovative and exciting project has been an incredible experience, and I'm proud to have contributed to its development.

Swipi

Light-weight slider

Three pictures in row
Two pictures in row
Three pictures in row
Two pictures in row
Three pictures in row
Two pictures in row

Technologies

React, TypeScript

Summary

Introducing a lightweight and customizable slider built with React and TypeScript that offers an infinitely scrolling experience. This slider has been designed with user experience in mind and offers a range of features that make it stand out from other sliders available in the market. One of the key benefits of this slider is its weight - it has been developed to be lightweight, ensuring that it loads quickly and doesn't slow down your website. The slider allows users to easily customize the position of the dots and arrows, add animation to the slides and dots. In addition to this, it offers autoplay functionality, as well as a range of other props that can be used to customize the slider's behavior. Whether you're building a personal website, an online store, or a blog, this slider can be easily integrated to help enhance the user experience and make your website more engaging. So, if you're looking for a high-quality, customizable slider that offers a range of features and is easy to use, this is the perfect solution for you.

Game Harbor

Game shop with main database from RAWG API

Home page
Games page with filter "Popular in 2022"
Games page with filter "Next week"
Lost Ark
Lost Ark with opened description
The Witcher 3: Wild Hunt
Home page
Games page with filter "Popular in 2022"
Games page with filter "Next week"
Lost Ark
Lost Ark with opened description
The Witcher 3: Wild Hunt
Home page
Games page with filter "Popular in 2022"
Games page with filter "Next week"
Lost Ark
Lost Ark with opened description
The Witcher 3: Wild Hunt

Technologies

React, TypeScript, Redux Toolkit, Styled-Components, RAWG API, Node.js Express, PostgreSQL

Summary

Game Harbor is an online game shop that allows users to browse a wide variety of games from different genres and operating systems. It harnesses the power of the RAWG API to ensure that all games are up-to-date and accurate. Users can easily filter games by operating system, game genre and others. The website is designed to be user-friendly, allowing users to easily browse and view all games for the specific filter or details of individual game. Users can add games to their cart for 'purchase', and can also create wishlists to keep track of their favorite games. Game Harbor also allows registered users to contribute to the website by adding new games if they believe that any are missing. Additionally, the website has a powerful search feature that allows users to quickly find specific games they are looking for. Game Harbor is an exceptional gaming platform that provides a rich and immersive user experience. It is a must-have addition to any gamer's arsenal.