Frontend Mentor - Social proof section

This is a solution to the Social proof section challenge on Frontend Mentor.

Overview 👋

Thanks for checking out this front-end coding challenge💓

The challenge

My challenge is to build out this social proof section and get it looking as close to the design as possible.

Users should be able to:

• View the optimal layout for the section depending on their device's screen size
• See, hover effect in ratings and testimonials component. Just see it's looking amazing❤️
• Used slow entrance animation when page loaded🔥 and added underline effect also in testimonials heading 2.

Screenshot

Links

• Solution URL: https://github.com/Bishalsnghd07/Social-proof-web-application
• Live URL: https://my-app-gamma-orcin.vercel.app/

My Process

🎮Features

• Secured a flawless 100% Lighthouse score across performance, accessibility, best practices, and SEO benchmarks, showcasing our commitment to excellence.📊
• Developed with Next.js for optimized performance and enhanced user experience.🚀
• Utilized Framer Motion for seamless animations and delightful interactions.💫
• Codebase is well maintained and formatted using Prettier.💻
• Integrated ESLint for code quality assurance and maintainability.🛠️
• Implemented autoprefixer for seamless CSS compatibility across different browsers, ensuring a consistent user experience.🌐
• Responsive layout with mobile first approach.📲
• Incorporated transitions(entrance slow animation) for fluid animations and engaging user interactions.🌠

🛠️Built with

• HTML5📃
• TailwindCSS 🎨
• React.js👾
• Next.js 14.1.0🔺
• TypeScript🤖
• TSX📜
• Framer-motion🎭

Code Quality

👨‍💻Author

• My Youtube Channel - FrontendFineness
• Website - Social proof section web page
• Frontend Mentor - @Bishalsnghd07