Viktor Baratej
Offer Viktor work on your next project.
Rating
Language proficiency level
Skills and abilities
Portfolio
-
Explore-Indonesia
Web ProgrammingExplore Indonesia
This is an adaptive landing page created based on [Figma design] for a travel website about Indonesia.
Key Features
… Pixel-perfect layout that matches the design
Fully responsive design
Mobile-first approach
Modern and clean user interface
Smooth animations and scrolling (if applicable)
Optimized images and resources
Technologies used
HTML5 / CSS3 / JavaScript
(REACT + Vite)
-
GENIUS
HTML & CSSGENIUS — Landing page for the training course
Landing page based on the Figma layout with modern design, emphasis on CTA, and clear structure. HTML, CSS, and JavaScript are used without third-party frameworks.
Technologies
… HTML5
CSS3
JavaScript (timer, scroll, price change logic)
Technical task
We are creating a desktop version 1:1 as per the layout; the mobile version can be made responsive by yourself, but it should look great. (For the mobile version, there is a separately drawn block "Course Program").
Two buttons "Sign up for the course" in the first block lead with smooth scrolling to the "Participation Formats" packages; on the buttons, we apply smooth animation with a background color change from purple to white.
The "Course Program" block, each module smoothly opens as a dropdown element from below, it can be expanded and opened by clicking on the "Module..." block. Each lesson has its own separate description (lesson titles and descriptions can be taken from the layout and made the same for each module). Each lesson has a button "Reserve a spot in the course" which leads to the block with "Participation Formats" packages.
The "Choose your participation format" block has a timer until next Friday at 23:59; each item in the participation formats with an icon has a tooltip on hover, and the same tooltip that is on the layout can be applied to each item. For the prices in this block, a script needs to be set that will automatically change the prices together with the timer on the specified date; the changed prices can be set to 1,000 UAH more, and this can be done 4 times. So if the package is 10,080, the next price will be 11,080, the next 12,080, and so on.
The "Installment" block has a deadline in the middle "Offer valid until: ", there a script should be set that takes today's date and adds +2 days to this date.
Status of execution
Desktop version 1:1 with the layout
Smooth scrolling and button animations
Dropdown program modules
Tooltips on hover
Timer until Friday
Automatic price change (4 stages)
Installment script (adds 2 days to the current date)
The project does not use third-party libraries or frameworks
All code is written manually with a focus on clean layout and functionality.
-
Portfolio
HTML & CSSUpdated my portfolio: added a form for sending messages directly to email + deployed the site on Vercel!
I continue to improve my portfolio site as a Frontend Developer, added an "Accordion" section with smooth animation to the About Me section.
This time I implemented a full-fledged contact form that includes:
- Name
… - Email
- Message
- Button "Send me a message"
The data from the form is sent to my email using Emailjs, and the user sees a pleasant message via iziToast.
What's under the hood:
HTML / CSS / JS;
Emailjs;
Nodemailer for sending emails;
dotenv;
iziToast for UI notifications;
Vercel as the hosting platform;
Activity
| Latest proposals 10 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
I am looking for a junior layout designer to implement a business card website (design is ready, Figma)
113 USD
|
|||||
|
Stylize product cards
16 USD
|
|||||
|
Development of a website from scratch for a logistics company with a form
226 USD
|
|||||
|
Layout, functionality
56 USD
|
|||||
|
Designing the structure of the lighting catalog (OpenCart)
23 USD
|
|||||
|
Working with reviews on prom and socket
113 USD
|
|||||
|
Minor improvements to the online store on OpenCart
34 USD
|
|||||
|
Implementation of Figma layout -> ElementorPro
226 USD
|
|||||
|
Corrections on the massage website
16 USD
|
|||||
|
Landing page layout
90 USD
|