Layout of components
Project Description
Creation of a website on Next.js, consisting of 5–6 pages and 2 popups. The work includes layout of components without business logic, using JSX and CSS Modules, ensuring responsiveness for mobile devices, and supporting localization.
Main Tasks
• Layout of pages and popups:
• Pages: 5–6 pages, each containing about 6 components (partially reusable).
• Popups: 2 popups embedded in the pages.
• Creation of components:
• Break down the design into reusable components.
• Layout components in JSX without logic.
• Apply CSS Modules for styling.
• Styling:
• Add interactive styles (hover, active).
• Implement style changes, for example, the border color of text fields during validation (green/red).
• Responsiveness:
• Ensure correct display on mobile devices (from 320px and above).
• Localization:
• Prepare components for multilingual support.
Requirements
• Experience with React and Next.js.
• Proficient in JSX and CSS Modules.
• Understanding of responsive layout.
• Attention to detail and adherence to design.
-
14 days23 USD
101 14 days23 USD
I will gladly complete this work. Please provide details regarding the design.
-
10 days248 USD
1127 21 0 1 10 days248 USD
Good day, I have experience working with React, I am ready to complete your order, I will gladly evaluate the layouts, write to me and we will discuss the details. The price and deadlines are approximate, I will be able to specify more accurately after I see the design.
-
15 days586 USD
859 14 0 15 days586 USD
Hello! We are ready to take on the task. Write to us, we will be happy to cooperate!
Hello! We are ready to take on the task. Write to us, we will be happy to cooperate!
-
1 day23 USD
1245 50 1 5 1 day23 USD
Hello! I have extensive experience working with Next.js and am ready to collaborate. As an example, here is one of the completed projects: watersportgps.com. I would be happy to collaborate.
-
1 day23 USD
93843 1268 1 10 1 day23 USD
Hello. I have extensive experience with Next.js. I am ready for collaboration.
-
7 days158 USD
690 10 0 7 days158 USD
I can offer to complete this task for adaptive layout of pages with CSS Modules and reusable components.
The estimated cost of the work is indicated for the entire project, depending on the specific complexity of the components and requirements for animation and interactivity, with the possibility of adjustment after clarifying the details.
I am ready to complete the project within 5–7 working days.
Sincerely,
Ruslan
-
7 days225 USD
2032 25 0 7 days225 USD
Good afternoon, Alexandra. I am ready to start working after reviewing the layout. I have extensive experience with React, and I am well acquainted with CSS modules. I create pixel-perfect layouts, responsive, cross-browser, valid, reliable, in the green zone of Google PageSpeed. Message me privately, and we will discuss the project in more detail.
-
4 days101 USD
1793 20 0 4 days101 USD
Hello! I will gladly help you with the layout – I have experience working with Next.js and CSS modules.
Please send the design in private messages so we can adjust the price and deadlines.
-
5 days90 USD
672 12 0 5 days90 USD
Good day, I am ready to implement the layout of components in React or Next.js, but I would like to see the design first. For now, I can estimate the timeline to be around 4-5 days.
Everything will be responsive, cross-browser compatible, and divided into logical components according to the design.
Feel free to write, I would be happy to discuss the details of the task and get started on the work.
-
10 days338 USD
2036 22 0 10 days338 USD
Hello!
I am ready to layout your pages in clean html/css/scss while breaking them down into components.
Always in touch. Feel free to reach out.
Examples of work https://web.khorol.com.ua
Example of react layout https://github.com/F1reMonster/tripnest
-
5 days79 USD
546 7 0 5 days79 USD
Hello, I have experience with react/next/tailwind/module css/typescript. A lot of experience in layout.
-
7 days225 USD
1717 28 1 1 7 days225 USD
Good day, Oleksandr!
I am ready to implement your project. I will create high-quality, reliable, cross-browser, responsive layout. I will implement component division, CSS modules, and the layout will be developed from 320px, components will be universal.
Please provide a link to the layout for review. The exact price will be determined after reviewing the layout and the technical specifications.
I can start working immediately!
Examples of my work:
1) https://pashadahulych.github.io/NFT/ - landing page
2) https://pashadahulych.github.io/Delote-Beauty/ - multi-page site with custom card styling
3) https://pashadahulych.github.io/NFT__Marketplace/ - multi-page site
4) https://pashadahulych.github.io/CEX.io/ - landing page
… 5) https://pashadahulych.github.io/Element__Home/ - online store
6) https://pashadahulych.github.io/Digital-Planner/ - app layout, already hosted
7) https://pashadahulych.github.io/Matoa/ - online store, lots of sliders, gallery, tabs. Feature - add to cart animation written in pure JavaScript.
-
1 day45 USD
183 2 0 1 day45 USD
Hello. I have experience working with React and Next.js. I will create everything responsively using pure CSS and JS with multilingual support. Write to me.
Examples of work:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
-
1 day11 USD
2656 40 0 1 day11 USD
Hello, I will do it, write to me, I will be glad to cooperate.
Hello, I will do it, write to me, I will be glad to cooperate.
Current freelance projects in the category HTML & CSS
Development of a WordPress + WooCommerce online store# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… Content Management Systems, HTML & CSS ∙ 5 hours 35 minutes back ∙ 29 proposals |
Layout designer for multi-page advertorial website (Health Media) — vibe coding, clean code
150 USD
We need to create a multi-page website in the style of health media, based on healthinsider.news. Not just a landing page — a full-fledged pseudo-editorial site (advertorial), designed to attract traffic from Meta Ads. IMPORTANT: the task is to be done through vibe coding… HTML & CSS, Web Programming ∙ 12 hours 53 minutes back ∙ 43 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 1 day 17 hours back ∙ 86 proposals |
I am looking for a WordPress/Elementor/Woo specialist who has extensive experience with the Woodmart template.
113 USD
It is necessary to update the visual design and structure of the online store for dental products (link will be sent in a private message). The site operates on the WordPress + WooCommerce framework. The template is Woodmart. Tasks: Update the header, footer, and content on… Content Management Systems, HTML & CSS ∙ 1 day 20 hours back ∙ 34 proposals |
Website layoutTechnical assignment for website layout. Written by ChatGPT Link to design - https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design General information It is necessary to perform responsive cross-browser layout of the… HTML & CSS ∙ 1 day 21 hours back ∙ 114 proposals |
Kyiv