Ihor Kondratyuk
Rating
Language proficiency level
Skills and abilities
Portfolio
-
Pet Love
Web ProgrammingThis is an application for a company that connects people who love pets and keep them at home. The company can provide users with informational and advertising services in this field. The demo version can be tested at https://petlove-lac.vercel.app
Main sections.
The application contains the following pages:
…
Start page - contains a banner with a logo - a button linking to the home page.
Home page - contains a banner about pets and a navigation block, which allows moving to other pages.
News page - on this page, there are cards with news about pets, care conditions, diet, etc. Each card has buttons linking to the news provider's website for detailed viewing. Also, the page allows searching news by keyword and includes pagination for easier browsing.
Listings page - contains cards with information about pets. Each card has two buttons: one for authorized users to view detailed info with contact links for the listing provider, which automatically adds the listing to the viewed collection; the second button is for adding or removing the listing from the favorites collection if it was added earlier. Unauthenticated users will be prompted to log in or register. The page also features keyword search, filtering by type, gender, category, location, popularity, and price, with pagination for convenience.
Friends page - contains cards with information about companies supporting animal lovers. Cards also include links to these companies' contacts, and clicking on the logo redirects to the company's website.
Registration page - contains a form for new users to register and create an account. Upon successful registration, the app automatically redirects the user to the profile page.
Login page - contains a form for existing users to log in. Upon successful login, the app redirects to the profile page.
Profile page - contains user information and a form to edit this info (name, email, phone number, avatar). The page also has tabs to view previously created favorite or viewed listings collections. Additionally, it displays user-created cards with info about their pets, each with a delete button. There is also a button to navigate to the page for adding pets to the collection.
Add pets page - contains a form to create a pet card (photo, age, gender, name, etc.). After successfully creating a new card, the app redirects the user to the profile page where the created card can be viewed.
Layout
Layout: -mobile from 320px - flexible, from 375px - responsive. Tablet, desktop - responsive with breakpoints at 768px and 1280px. Implemented according to the technical specifications: https://docs.google.com/spreadsheets/d/1DmQUeGZy_oaXN6yn69ORLzou1ZQRyTMlrAqPSit_clw/edit?pli=1&gid=1134921873#gid=1134921873 and the design mockup: https://www.figma.com/file/puMNfZVg4YI8UZoJ1QiLLi/Petl%F0%9F%92%9Bve?type=design&node-id=55838-750&mode=design&t=Xg1IwIcKebTl5xGs-0
Technologies used
Frontend
React with Vite bundler.
React Router.
Redux Toolkit.
CSS, Styled-Components.
React-hook-form.
Yup.
React-toastify.
React-spinners.
Backend
A ready-made backend was used: https://petlove.b.goit.study/api-docs/#/
-
Learn Lingo
Web ProgrammingThis is an application for a company that offers online language tutor services. The app allows users to view information about tutors stored in a database, filter by language of instruction, user proficiency level, and maximum price. Users can submit a form to book a trial lesson. Authorized users also have the ability to create a favorites collection, where they can add and remove tutors they like. The demo version can be tested at https://teachers-indol.vercel.app
Main features
Home page - contains a banner with a main call to action and a button to go to the catalog page.
… Catalog page - displays information about all tutors in the database, also allows filtering by language, user proficiency level, and maximum price. For convenience, pagination and a "Scroll Up" button are provided.
For authorized users, there is access to a favorites page where information about tutors added to favorites is shown. This page also includes pagination and "Scroll Up".
Each tutor card contains a "Read more" button, which when clicked, opens more detailed information about the tutor and makes the "Book trial lesson" button available. Clicking this button opens a modal window with a trial lesson booking form.
-
Epic Fantasy
HTML & CSSAdvertising app for a company specializing in video game development. https://gocha001.github.io/STP-7967/
Activity
| Latest proposals 9 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Layout of the Figma mockup
113 USD
|
|||||
|
Layout of the design from Figma to HTML/CSS
23 USD
|
|||||
|
Create a website
226 USD
|
|||||
|
Layout of one page
23 USD
|
|||||
|
Website layout in HTML
116 USD
|
|||||
|
Верстка книги.
34 USD
|
|||||
|
Page layout
90 USD
|
|||||
|
A developer is needed for ongoing collaboration
25 USD
|
|||||
|
Layout the design according to Figma
113 USD
|