Frontend Developer

projects

github

hashnode

Saqib .  • Peerlist

Developed a real-time collaborative drawing board application using Canvas API, React, Redux, and <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="http://Socket.io">Socket.io</a>, enabling multiple users to draw and collaborate simultaneously.Check out the live demo of Collaboard <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://collaboard.vercel.app/">here</a>.<h2 class="rich-heading">Features</h2><ul><li>Real-time collaboration: Allows multiple users to draw and collaborate simultaneously on a shared canvas.</li><li>Brush tools: Offers various brush sizes and colors for users to express their creativity.</li><li>Undo/redo functionality: Enables users to easily correct or replay their drawing actions.</li></ul><h2 class="rich-heading">Technologies</h2><ul><li>Next, React</li><li>Redux Toolkit</li><li>Socket[dot]io</li><li>Tailwind CSS</li></ul>

Collaboard - collaborative drawing board App

Orderly is a food ordering app that allows users to conveniently browse and order food from a variety of restaurants.Check out the live demo of Orderly <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://orderly-eta.vercel.app/">here</a>.<h2 class="rich-heading">Features</h2><ul><li>Restaurant Search: Users can search for restaurants based on location, cuisine, or restaurant name.</li><li>Menu Preview: View restaurant menus, prices, and available dishes.</li><li>Order Placement: Users can add items to their cart, specify delivery details, and place orders.</li><li>Shimmer UI: The app uses a Shimmer UI to provide a smooth loading experience.</li><li>Real-time Data: Restaurant data is fetched using Swiggy's live API for up-to-date information.</li></ul><h2 class="rich-heading">Technologies</h2><ul><li>React</li><li>Redux Toolkit</li><li>Swiggy API (fetch data)</li><li>Tailwind CSS (style components)</li><li>React Router (for routing)</li></ul>