Adaptive website with a simple admin panel (React + Node.js)
Create a responsive website with a simple admin panel for self-adding content — photos, videos, audio, text, price tables.
Goal — to have a universal template that is easy to update without programming knowledge.
Technologies
Frontend: React + TypeScript (responsive layout, basic SEO structure).
Backend: Node.js + Express.
Database: MongoDB or PostgreSQL.
Admin panel: simplified form with fields “upload photo, video, text, price table”.
Languages of the site
Polish (main).
Ukrainian.
Belarusian.
Site structure
1. Home page
Animated banner (3 slides with photos or videos).
4 clickable service blocks (photo, short text, button “Learn more”).
“Contacts” block — map, phone, email.
Separate app/button for transitioning to WhatsApp.
Menu: Home, Services, Photo Gallery, Video Gallery, Articles, Contacts.
2. Service page
Title, short description.
Ability to add photos, videos, audio (not mandatory for each page).
Text block with description and price table.
Space for cost calculator (displayed only if added).
Booking calendar — synchronization with personal calendar (Google or similar).
3. Gallery of works
Photo gallery — grid with the ability to view in enlarged format.
Video gallery — video files or YouTube embed.
4. Articles
List of publications with previews (images, short descriptions).
Full article page with media (photos, videos, audio).
5. Contacts
Map, phone, email.
“Write in WhatsApp” button — opens chat.
“Order a call” form.
Social media icons.
Technical requirements
One user with access to the admin panel.
Supported file formats:
Photos — JPEG, PNG
Videos — MP4, YouTube embed
Audio — MP3
Space for the calculator automatically hides if not added.
Minimalist design, clean white background, smooth transitions, no excessive animations.
Callback form and thank-you page
The site must have an “Order a call” form with fields: Name, Phone, Message (optional).After successful submission of the form, a new window (separate page) opens with a thank-you message — thank-you page.
This page is used for tracking Google Ads conversions.
1. Admin panel
One user with full access.
Ability to edit, delete, and preview all added media and texts.
Content change history is saved (optional, for security).
2. Booking calendar
Synchronization with Google Calendar.
Automatic blocking of occupied dates and times.
Ability to edit or delete bookings in the admin panel.
3. Callback form
Fields: Name, Phone, Message (optional), date/time (optional).
Requests are stored in the database and duplicated to the admin's email.
Additional integrations: optionally WhatsApp or SMS.
4. Media
Supported formats: Photos — JPEG, PNG; Videos — MP4 or YouTube embed; Audio — MP3.
Maximum file sizes: Photos — 10 MB, Videos — 50 MB, Audio — 20 MB.
Automatic resizing of photos for fast loading.
5. Calculator
Space for the calculator is displayed only when available.
Logic: price dependency on quantity and options.
The admin can edit formulas and prices through the panel.
6. Multilingualism
Three languages: Polish (main), Ukrainian, Belarusian.
The admin panel allows editing all texts and media for each language.
7. Design
Minimalist template with a white background.
Smooth transitions and basic banner animation.
Full responsiveness: mobile, tablets, desktop.
8. SEO and performance
Basic SEO: meta tags, headings, URLs.
Media optimization for fast loading.
9. Integrations
WhatsApp button opens chat.
Thank-you page for tracking Google Ads conversions.
Google Analytics integration for statistics.
10. Hosting / deployment
Deployment on any Node.js hosting.
SSL certificate, basic backup.
I would be glad if you read this to the end and ask questions.
-
117 3 0 1 Hello!
I saw your project, and I am interested in it. I have experience in both outsourcing and product development, and I work well in a team.
🔥 My key skills:
✅ Development of SPA and web applications
✅ Performance optimization
✅ Project management and support
✅ Quality and clean code
… 💻 Technologies: HTML, CSS, JavaScript, React, Vue, Git
If you value a quality and reliable solution – I am ready to discuss the details. You can contact me here or in a convenient format.
What do you think? I would be happy to collaborate!
-
1098 5 0 Hello, I am ready to take on the work.
The price will be 20,000 UAH.
I suggest using Nest Next.js so that the website is faster.
We will bring it to the green zones.
Write to me, I will be happy to cooperate.
-
15075 32 0 1 Good day!
I am Valentin from Arctic Web. We are engaged in IT consulting and full-cycle development: from UX/UI design to web and mobile development and integrations. We are ready to take your project into work and share examples of similar cases in personal messages.
Sincerely,
Arctic Web Team
Freelancehunt
-
835 7 0 1 Good day, Roman.
I am ready to develop a turnkey website with an admin panel on React.
The price starts from $15 per hour. Can I see the technical specifications for evaluation?
I suggest we discuss the project details.
We work with WP, MOdx, Laravel, Yii2, React.
Examples of Landing Pages: https://docs.google.com/document/d/1m5oHbYvSOTMHqEXjKGqMKzEg3WWxHvKDlWf2khixjpE/edit
Example of Company Website: https://docs.google.com/document/d/1OIlJKvV--oUgndLV_7gvUSJf5RbsZ4i0CWdGedhuRtE/edit?usp=sharing
Example of Online Store: https://docs.google.com/document/d/1QqchaqJbq-4Clxm1BULy2aj7tEoaNQNNi0j_qhJ8x7E/edit?usp=sharing
… Examples of Bitrix: https://docs.google.com/document/d/1vqJK7r6Ryxm4J3HQ7YSmuljOYAfMyJr8mr0wA76WJcA/edit?usp=sharing
-
605 2 0 Having read carefully 👍
Before the assessment, I wanted to clarify a few points to immediately design the optimal structure (and not create "extra" in the backend or admin panel):
🔹 Admin panel — does it need to have drag-and-drop for media/tables, or are regular form fields with file uploads sufficient?
🔹 Calculator — should it be only text-based (for example: quantity × price), or with formulas and selection fields (type of service, option, discount)?
🔹 Google Calendar — is the synchronization one-way (only showing busy dates) or two-way (creating events in Google when booking)?
… 🔹 SEO structure — is there a need to edit meta tags (title/description) in each language version through the admin panel?
🔹 Multilingualism — three separate URLs (for example /pl, /ua, /by) or an automatic switch based on the browser language?
🔹 Hosting — do you plan to deploy on your own server (VPS/Ubuntu) or would you prefer to deploy on a ready Node hosting like Render or Vercel + Mongo Atlas?
🔹 Design mockups — are they already ready in Figma, or do you need help with the UI system (banners, tables, form styles)?
After the answers, I will be able to assess the exact stack, scope of work, and propose a step-by-step implementation plan 💡
-
12416 63 1 Roman, good day.
What is the main task of the website? If SEO from Google and GPT is needed, I suggest using Next instead of React, also regarding the admin, for what purpose to build from scratch, you can use Strapi.
There are questions about the formulas, please clarify the formulas and their structure, and then I will be able to say whether they can be changed in the admin panel, perhaps you meant changing the parameters that are in the formula, then that is not a problem.
-
1212 7 0 Hello 👋
I am Ruslan, a full-stack developer with experience in creating responsive websites and admin panels using Node.js + React + TypeScript + MongoDB / PostgreSQL.
In your project, I see a clear logic that I can implement turnkey:
– backend on Node.js + Express with REST API, authorization, email notifications, and integration with Google Calendar;
– frontend on React + TypeScript with multilingual support (Polish / Ukrainian / Belarusian) and responsive design;
– a convenient admin panel for independently adding photos, videos, audio, price tables;
– a "request a call" form with a thank-you page for Google Ads, integration with WhatsApp, Google Analytics, and SEO optimization.
… I have experience in creating similar CMS systems with the ability to expand functionality (booking, calculator, statistics).
GitHub: github.com/RuslanZotsenko22
I am ready to discuss the project details, timelines, and costs — I am confident that I can create exactly the universal template you described.
-
2041 21 0 Good day, I would like to work on your project, stack React Mongo Nest, I have a lot of written and tested code plus I have many templates. I will be happy to collaborate.
-
9927 117 0 Hello.
I am a NodeJS developer. I am ready to take on the task. Write to me, we will discuss.
-
556 1 0 Hello! 😉
I can create a responsive website with a simple admin panel so you can independently add photos, videos, audio, texts, and price tables without programming knowledge.
I propose implementation on React + TypeScript for the frontend and Node.js + Express for the backend, with a database of MongoDB or PostgreSQL. The admin panel will be as simple and intuitive as possible: media upload, text, price tables, editing, and preview.
Features:
Multilingualism: Polish (main), Ukrainian, and Belarusian; the ability to edit texts and media for each language.
…
Media: photos, videos (MP4/YouTube), audio (MP3) with size limits and automatic optimization.
Cost calculator: displayed only when available, the administrator can edit formulas and prices.
Booking calendar: synchronization with Google Calendar, automatic blocking of occupied dates.
Callback form and thank you page for tracking Google Ads conversions, WhatsApp integration.
SEO and speed: basic meta tags, headers, URLs, media optimization.
Design: minimalist, white background, smooth transitions, full responsiveness.
The budget is approximately 35,000–45,000 UAH, and the completion time is up to 25 days, including testing and integrations.
To better understand your priorities, I would like to clarify:
Should the cost calculator support complex formulas with multiple options, or is basic logic of "quantity × price" sufficient?
Do you need the media to be optimized immediately upon upload, or can it be done in batches through the admin panel?
I look forward to collaborating!
-
166 Good evening! I am ready to take on your project, I work with this stack, we can discuss all the details.
Current freelance projects in the category Javascript and Typescript
Optimization of Core Web Vitals (OpenCart) for Google PageSpeed — Mobile and PC versionsOrder description: We are looking for an experienced frontend developer/OpenCart specialist to optimize the loading speed of the website (categories and product cards) according to Google Core Web Vitals requirements. About the project: * CMS: OpenCart. * Specifics: The site… Content Management Systems, Javascript and Typescript ∙ 1 day 7 hours back ∙ 17 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 2 days 2 hours back ∙ 65 proposals |
Integration of a service cost calculator on the Webflow site
330 USD
We are looking for a developer to integrate a ready-made service cost calculator into our website, created on Webflow. About the company We are engaged in: furniture assembly; TV mounting; mounting shelves, pictures, mirrors, and other items; moving help; heavy lifting; handyman… Javascript and Typescript, Web Programming ∙ 2 days 3 hours back ∙ 61 proposals |
Looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition.There is a working, well-designed project on Odoo 19 Community — CRM for a Ukrainian hotel, already in production-grade infrastructure. We do not plan to rewrite from scratch. We are looking for one person who will take over the project, maintain the working state, and lead it… Javascript and Typescript, Web Programming ∙ 4 days 4 hours back ∙ 2 proposals |
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 ∙ 5 days 10 hours back ∙ 87 proposals |