Similar Website Only React + Tailwind CSS
Budget: $2 – $8 USD
I need a similar website but only 3 pages
1- https://www.upela.com/en/
2- https://app.upela.com/offers (In order to see this page, you need to enter the information on the first page)
3- https://www.upela.com/Contacts (I need a simple contact page)
First and second page wlll be 100% the same, only without language support, Login and Register. We don’t need these features. Footer and header will be same and you need to do it also.
Website is working like this, users are entering details of the package and website is listing shipping carrier according to their price or some other metrics.
Ship from
User has to select the country s/he is going to ship from (Google autocomplete API)
Ship to
User has to select the destination country (Google autocomplete API)
If user forgets to enter data for “Ship to” or “Ship From” https://prnt.sc/26x92oi, we need to show such an error.
Shipping date:
User needs to be able to choose the date starting from today and the next 15 days. No more then next 15 days.
Parcel & Envelope & Pallet will be the same.
Change units: If users want to change units they will be able to change them.
CM - Inch and Lbs to Kg
Add Parcel: They can add a max 5 parcels.
About UI:
"Ship from" and "Ship to" section will contain search box for searching country. You need to code this part as on the website.
When user will search for something on the search box, results characters turn blue, you need to code this part too. Please do not forget to code this part https://prnt.sc/26x944b
Qty, Weight, Dimensions, when you choose these boxes, the box turns blue. You need to code this part too.
Parcel, Envelope, Pallet they will be the same.
User can add/remove new parcel. User can add max 5 parcels.
Weight (kg): They can enter 3 kg or 3,5 kg or 5,55 kg but no more than 2 characters after the comma.
Dimensions must be 1,2,3,4,5. User shouldn't be able to enter 1,2 or 3,5 (repeating decimal).
This page will be the same, all information will return from our API (Price list, Delivery time, etc. etc.).
If users change country or other information from "modify", it needs to be applied to the price list also.
All of the functions in the menu on the left should work actively.
https://prnt.sc/26x8p7x
Our Section, The Cheapest, The Fastest filter should be the same https://prnt.sc/26x8plk
Offers: When the cursor comes on offer, the outlined box should turn blue. https://prnt.sc/26x8qx6
Sellect this offer:
We will create and send the link to the relevant site. https://prnt.sc/26x8rzl
Then we need also simple contact page:
Name:
Email:
Subject:
Message:
Attachment
1- https://www.upela.com/en/
2- https://app.upela.com/offers (In order to see this page, you need to enter the information on the first page)
3- https://www.upela.com/Contacts (I need a simple contact page)
First and second page wlll be 100% the same, only without language support, Login and Register. We don’t need these features. Footer and header will be same and you need to do it also.
Website is working like this, users are entering details of the package and website is listing shipping carrier according to their price or some other metrics.
Ship from
User has to select the country s/he is going to ship from (Google autocomplete API)
Ship to
User has to select the destination country (Google autocomplete API)
If user forgets to enter data for “Ship to” or “Ship From” https://prnt.sc/26x92oi, we need to show such an error.
Shipping date:
User needs to be able to choose the date starting from today and the next 15 days. No more then next 15 days.
Parcel & Envelope & Pallet will be the same.
Change units: If users want to change units they will be able to change them.
CM - Inch and Lbs to Kg
Add Parcel: They can add a max 5 parcels.
About UI:
"Ship from" and "Ship to" section will contain search box for searching country. You need to code this part as on the website.
When user will search for something on the search box, results characters turn blue, you need to code this part too. Please do not forget to code this part https://prnt.sc/26x944b
Qty, Weight, Dimensions, when you choose these boxes, the box turns blue. You need to code this part too.
Parcel, Envelope, Pallet they will be the same.
User can add/remove new parcel. User can add max 5 parcels.
Weight (kg): They can enter 3 kg or 3,5 kg or 5,55 kg but no more than 2 characters after the comma.
Dimensions must be 1,2,3,4,5. User shouldn't be able to enter 1,2 or 3,5 (repeating decimal).
This page will be the same, all information will return from our API (Price list, Delivery time, etc. etc.).
If users change country or other information from "modify", it needs to be applied to the price list also.
All of the functions in the menu on the left should work actively.
https://prnt.sc/26x8p7x
Our Section, The Cheapest, The Fastest filter should be the same https://prnt.sc/26x8plk
Offers: When the cursor comes on offer, the outlined box should turn blue. https://prnt.sc/26x8qx6
Sellect this offer:
We will create and send the link to the relevant site. https://prnt.sc/26x8rzl
Then we need also simple contact page:
Name:
Email:
Subject:
Message:
Attachment