Code menu tabs in react and create react component with hooks an tsx
$10-30 USD
In Progress
Posted over 2 years ago
$10-30 USD
Paid on delivery
Some relevant hints and used technologies: React.js (functional base - hooks) only - No JQuerry.
Read everything carefully. Only provide a bid if you are really able and experienced enough to meet the described requirements.
Please code a React component menu tab component for me like the frontend component seen in the screenshot attached.
See it live here [login to view URL] .
Always use functional components, so hooks..., where relevant and needed.
It must 100% work and look similar. Also consider following points.
Some important criteria to take care of:
1 Must be responsive - exact as on [login to view URL]
2 Use styled-components only ( [login to view URL] ) to implement same design like border shaddow, transition, ... No transition package, only plain styled-component css.
3 Add a js object to add ability to make changes so that Tabs change automatically from top to bottom via boolean. Additionally, add timing of change of menu buttons must be same. For example:
const settings = { automaticChange: true, duration: 2000 }
4 Change must stop if click on a menu button
5 Take care of same hover effects
6 Data like text, menu logos, html/tsx content must be served/structured via js array within the component
For example:
const content = [{ tabLogo: png1, tabContent: tab1 }, { ... }, { ... }]
7 Only Typescript. No JSX
Some further conditions of the project as a result of my experiences here on freelancer:
Everything must work properly is a react app. Only then I release the entire sum at once.
We can also use anydesk or teamviewer where you can directly check and work in case it does not work on my machine. Use latest packages, not old versions.
I do not use create-react-app; I implemented an own react biotop with babel and webpack.
In case of questions, I can ask you, you can ask me, too.
NO Scammers and NO bargaining and No Asking for tip after contract approval or project finalization!
Only efficient TSX solution with the smallest possible performance need. No complicated solutions, or workarounds, no spaghetti code.
No JQuery. No further packages if not needed or wanted.
All indications without engagement, subject to small modifications.
I read your job description and I feel confident that I can be the right candidate for your project. I have 5 years of experience in react,js. I am an individual not working with any company or team. Kindly send me a message so we can discuss I would love to work with you on this project. Hope to hear from you soon.
Hi, I've read your description carefully.
I have full experience with react.js
I've also worked on several similar projects.
So I can complete your project with high quality on time.
Looking forward to hear more about the project from you via chatting.
Thanks & Best regards!
Hi Sr, my name is Jorge, I'm FullStack developer. I have more than 2 years of experience working with React.js.
I would like to coordinate with you.
Have a nice day.
I can meet all your requirements. i have 3 years experience working with React js (MERN stack). I deal with typescript , styled components and react hooks all day. If you are interested we can talk. I can explain the whole code base to you before releasing the amount (if needed). i'm free for next 3 days. Ping me. no scam no bargaining