I web developer

Suraj Khonde  • Peerlist

"I've successfully developed a React-based CodePen clone, 
initially designed for web and laptop screens. However, I took the initiative to enhance its usability by making it responsive and mobile-friendly. 
While the initial setup displayed results immediately, I introduced a 5-second delay for a more seamless user experience.

Now, inspired by features in VS Code, 
my plan is to elevate the app by adding auto-suggestions and implementing self-closing tags. This improvement aims to provide users with a more intuitive and efficient coding experience, similar to the convenience offered by popular code editors. I'm excited about evolving this project and bringing these enhancements to fruition."

codepen clone

Crafted IMDb clone with dynamic features: immersive trailers, actor insights, interactive ratings, and personalized recommendations, revolutionizing user
engagement.
•
• Architected and implemented a robust backend infrastructure for the FlickFlair web app, ensuring seamless data flow and efficient retrieval of movie details.
• Persistent login on web app ensures continuous user recognition; incorporated email verification for authentication.

FlickFlair

When I began my journey as a MERN stack web app developer 
my very first project was a form validator. There's something incredibly invigorating about knowing that the code I wrote is the backbone for validating every form users fill out on the web. 
It's like giving a digital green light to ensure accurate and reliable data input. This initial step in creating a form validator was not just a coding exercise; it was my initiation into the world of web development, where each validation represents a commitment to a seamless and error-free user experience."

formvalidation(HTML)

I developed an app using the React library, leveraging the Swiggy API for data. The design and components were generated with AI tools, while I crafted the logic and flow. However, the app is still in alpha mode and experiences Rare crashes.

One significant challenge was the dynamic nature of the Swiggy API data structure, changing three times daily due to the app's location in Hyderabad. To address this, I implemented a functional route to automatically detect and update the flow based on the evolving data structure.

I also encountered issues during deployment, specifically with the creation of browser routes and the Axios library not functioning as expected. Fortunately, my knowledge of JavaScript's fetch method allowed me to overcome these challenges and ensure the app worked smoothly.

Additionally, I implemented a shimmer effect to enhance user experience during data loading. Despite the alpha stage and Rare crashes, the app's adaptability to changing API structures and successful deployment showcase my problem-solving skills and commitment to delivering a robust user experience.

Hyderabad Food

Ever wished for an endless stream of captivating images? Introducing Infinite Snap Scroll — a JavaScript-powered webpage that unleashes the power of Unsplash, providing an infinite scroll of stunning images. Say goodbye to the 30-image limit per rendering; now, the scroll is limitless, offering an immersive and uninterrupted visual experience. Dive into a world of endless inspiration with InfiniteSnap Scroll! 🌟

Infinite Snap Scroll(JavaScript)

Child-Friendly Design: Crafted with love for young artists, the interface is intuitive and straightforward, ensuring a seamless drawing experience .This project is created by using plain javaScript,Css, Html. please go through my github and help me to make better

Mama's Drawing Board(JavaScript)

That's an impressive achievement! Crafting a YouTube clone using React and integrating third-party APIs showcases your skills in frontend development and API usage. 🚀👏
🔗 Integration with Third-Party API: Successfully integrating a third-party API demonstrates your ability to work with external data sources, ensuring a seamless user experience.
📱 React Mastery: Developing the YouTube clone solely in React highlights your proficiency in this popular JavaScript library, known for building interactive user interfaces efficiently.

👨‍💻 Structured Data Handling: Effectively formatting and managing data is crucial for a smooth user experience. Your attention to detail in handling data reflects a strong understanding of data structures and presentation.

OldYT

portfolio webapp(React)

(!!for 📱 please use 🖥️ mode)I developed a web app that helps developers connect and compete. In this app, developers can chat and share notes. They can also make their notes public for others to use. The hiring team can view developers' profiles, codebase, and other relevant info, increasing job opportunities. It motivates hardworking developers and enhances their chances of being hired.

SkillForge

👨‍💻 Developer's Playground: Crafting joy through code is an art, and in this digital realm, I've turned victories into a celebration. The magic of Confetti Animation awaits every triumphant moment! 💻❤️