Easy-Bank
The Easy-Bank landing page project involves tackling a FrontendMentor challenge, where my focus was to bring a Figma design to life. Users visiting the site will experience optimal layout adjustments based on their device's screen size, ensuring a seamless viewing experience. Additionally, interactive elements feature hover states, enhancing user engagement. Notably, the website achieved exceptional scores across various metrics, boasting 100% performance, best practices, accessibility, and SEO on Chrome Lighthouse.
Front End Development / Interactive Design
HTML / CSS(Sass) / TailwindCSS / Typescript / React.Js / Next.js / Eslint
Project Background
In response to the FrontendMentor challenge, I diligently crafted a robust front-end solution, translating a Figma design into a functional and responsive website. A key user-centric feature ensures that visitors encounter an interface tailored to their device's screen dimensions, promoting accessibility across various platforms. The implementation of hover states on interactive elements adds a layer of interactivity, enriching the user experience. Under the hood, the project is meticulously engineered with a technology stack comprising HTML, CSS, Typescript, Reactjs, Nextjs, and Eslint in place. This deliberate selection of tools empowers the website with flexibility, maintainability, and modern development standards. my commitment to excellence is reflected in the website's outstanding performance metrics, achieving a perfect score on Chrome Lighthouse for performance, best practices, accessibility, and SEO. By seamlessly blending design and functionality, this project exemplifies my dedication to delivering high-quality solutions that not only meet but exceed industry standards. We're proud to present a website that not only looks good but performs optimally, ensuring a positive user experience for all visitors.
Static Preview
