Create a complex page in React
334 USD One team had a working website on React — fast, neat, but a bit “dumb”: it showed the same content to everyone. The business owner asked to create a separate page that “reads” user interests and can communicate with them through data. Thus, the idea emerged: a news and product page with personalized recommendations based on cookies plus an interactive quiz consisting of ten different blocks.
When a user visits for the first time, the page greets them with a clean feed: a selection of relevant news (cards with a headline, a short lead, and tags) and a product showcase (tiles with price, rating, and “add to cart”). At this moment, a profile is neatly created in local cookies: which news tags they open, which products they look at longer, what they add to favorites. Each interaction is a small signal to the interest profile.
On the second screen, the user sees the block “Recommended for you”: here, the algorithm, based on cookies, compiles the recently gathered signals and historical preferences. If someone frequently reads about technology and clicks on accessories — news with the tag “Tech” and products with compatible accessories appear at the top. If another user is looking for discounts — we offer a promo selection and news from the “Sales” section. A transparent strip above the recommendations explains the cookies policy and provides a quick toggle for consent and settings.
To better understand intentions, the page invites the user to take a quiz with 10 blocks, each representing a different type of interaction:
single choice of preferences;
multiple-choice checklist;
importance scale (slider);
drag-and-drop card ranking;
yes/no with a short explanation;
budget selection;
purchase frequency (stepper);
content presentation style (text/video/short digests);
sensitivity to discounts;
open comment.
Each answer immediately recalibrates the weights of interests in cookies (without personal data) and instantly updates the “News” and “Products” sections so that the user sees a live effect. If they interrupt the quiz — progress is saved, and the page works with what is already known.
At the end, the user receives a personal selection: three hot news items, four relevant products, and one “wild card” — a sudden recommendation that broadens horizons but still fits the profile. The page does not impose a choice: filters, sorting, and a “reset personalization” button are always nearby, which instantly clears cookies. Thus, the React page stopped being just a feed and became a smart conversational partner that listens, learns, and helps to buy what is truly needed.
Client's review of cooperation with Andrii Kolomiichuk
Create a complex page in ReactVery quickly and with high quality.
I recommend Andrii!
Freelancer's review of cooperation with Ira Roma
Create a complex page in ReactThe collaboration went smoothly: minimal revisions, maximum adequacy. 10/10, I recommend!
-
1 day22 USD
487 4 0 1 day22 USD
Good day! 👋
Very interesting idea. I would like to first clarify what has already been implemented and what technologies are used on the backend.
After discussing the details, I am ready to immediately proceed to execution.
-
1 day17 USD
2656 40 0 1 day17 USD
Hello. I will do it. I will start today. Write to me, I will be happy to collaborate.
Hello. I will do it. I will start today. Write to me, I will be happy to collaborate.
-
5 days445 USD
3912 6 0 5 days445 USD
Good day! Interesting idea.
Judging by the description, it requires a bit of effort, but let's implement it! It would be very helpful to learn about the backend of this platform to understand the full stack and the implemented capabilities at this stage.
What can I propose?
1. Discuss the implementation in a bit more detail and what solutions are already available.
2. Agree on timelines and budget.
3. I will do the work and deploy it on a test domain (for visual understanding and possibly a manual for testing the completed features).
4. I will hand over all the code, we shake hands, and continue working together!
It might be interesting to integrate AI into the project, which can analyze user interests and provide objective data based on these algorithms.
… This can even be done analogously to metrics, where each user action is sent to the backend, where a mass of information is accumulated and interests are reassessed with the addition of updated data both in real-time and according to specified periodicity parameters.
Let's talk and implement an interesting case.
P.S.
#JS, #TS, #Vue, #React, #Python, #FastAPI.
Not a studio, I work alone.
-
5 days223 USD
129 5 days223 USD
Hello Ira
I’ve carefully read your requirements and I can help transform your React site into a personalized, data-driven experience.
I will:
-Implement a cookie-based interest profile to track user behavior (viewed news, products, favorites).
-Build the “Recommended for you” section that updates in real time based on user actions.
-Develop the interactive 10-block quiz with single choice, sliders, drag-and-drop, budget, and preferences, recalibrating results instantly.
-Ensure privacy and transparency with cookie consent, settings, and reset options.
-Deliver a clean, responsive UI where users get tailored news, products, and even a “wild card” recommendation.
…
I can start right away, share progress at every stage, and make sure the final solution feels fast, intuitive, and engaging.
Looking forward to discussing details!
Best regards, Stoian
-
7 days601 USD
96232 1273 1 10 7 days601 USD
Hello. I have extensive experience with React/Node.js. I am ready to collaborate. Feel free to contact me.
-
3 days223 USD
1014 6 0 3 days223 USD
Hello. As far as I understand, you need to collect cookies from the existing interactions you specified, and create a page layout that matches the design of your website.
Message me, I will do it.
-
15 days601 USD
12912 67 0 15 days601 USD
Hello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be happy to collaborate with you!
-
1 day44 USD
8991 69 0 1 day44 USD
Good day, I am ready to discuss this implementation.
We can move to personal messages, I am ready to help with this.
-
1 day468 USD
928 2 0 1 day468 USD
Hello! I wonder if you already have a ready design for this page or if a UI needs to be created from scratch according to the description? This will help better assess the scope of work.
I specialize in React (4 years of experience) and creating dynamic interfaces with personalization. I have implemented pages with recommendation blocks, working with cookies/localStorage, user action analytics, and interactive forms — including quizzes (sliders, checklists, drag-and-drop, stepper). I also have experience integrating backend on Python Flask and creating clean, intuitive UIs.
I am ready to quickly discuss the details, show similar examples, and help implement this "smart" page. Would it be convenient for you to start with a short conversation about the quiz structure and data for recommendations?
-
1 day22 USD
285 1 day22 USD
Overall, the story is interesting. But what happened to the hobbits?________________
-
1 day25 USD
3264 52 0 1 day25 USD
Good day, Iro.
Write to me, we will discuss
........................
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 2 days 13 hours back ∙ 86 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 3 days 10 hours back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 5 days 11 hours back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 6 days 13 hours back ∙ 30 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 8 days 3 hours back ∙ 36 proposals |
Ukraine