1.  Design responsive layout – trial period – a few days
   a. Make the application fit various phone layouts
   b. Optimize load times
2.  Add in effects
   a.  Fade Transition –  For load and moving between sections, leverage basic fade in and out – https://git.blivesta.com/animsition/fade/    
   b. Slide on top tabs –   https://codepen.io/iremlopsum/pen/OVMxzp    
   c. Enter screen- Have the Map slide in when loads – https://www.polestar.com/us/polestar-4/   scroll down to the middle and you’ll see the car slide in)
    d. Loading top-down sliding page –  The effect to use when clicking on top icons – the background slides back and blurs, at which point the page from slides in – https://lab.hakim.se/avgrund/
3.  Google API
    a. Integrate Google API to add information to the Details page, including phone, website, address, working hours, etc
4.  Bugs and enhancements – up to 5

Budget: $1,200

Posted On: August 11, 2024 12:19 UTC
Category: Front-End Development
Skills:Responsive Design, Front-End Development, Browser Extension, Page Speed Optimization, CSS 3, TypeScript, AWS Amplify, JavaScript, React, CSS

Country: USA

click to apply

Powered by WPeMatico