Building browzerai (Supported by Microsoft for Startups) | Full Stack development using Next.js, TypeScript and Express

github

youtube

projects

hashnode

Monis Azeem  • Peerlist

• User can add products in the cart and state management of the products in the cart is done using Zustand. Items in cart will not change when moving from one page to another.
• Added responsiveness using Tailwind CSS
• Total amount by calculating according to the quantity is shown in the cart

Shopping App

• Made a WhatsApp Chatbot which can extract info from documents using Gemini API
• User can ask anything regarding that document to the Chatbot.
• Leverage Twilio to connect user from WhatsApp to the backend and used Node.js to send response to the user

DocumentAI

<ul><li>Made an E-commerce application where user can add products to cart and buy it.(Only frontend). Using Next.js, TypeScript and Tailwind CSS</li><li>State Management (Zustand) - Managed the state of cart items and their quantity. Items in cart will not change when moving from one page to another.</li><li>Responsiveness (Tailwind CSS) - Works smoothly on both mobile and desktop</li><li>Adding and removal of product from cart - A user will not be able to add the item again, once it is added. User can change quantity from cart. Removal of the product from cart will result in availability of the product on the home page again. Total amount is also shown in the cart.</li></ul>

E-commerce Application

<ul><li>Made a Whatsapp Chatbot using Twilio as a freelance project.</li><li>A chatbot for customer support where user can submit the details asked by the chatbot.</li><li>The details are verified at every step.</li><li>Chatbot workflow includes submitting of pdf by the user which is processed using Gemini 1.5 Flash model to verify correctness of document and extract a particular piece of info from it.</li></ul>

Whatsapp Chatbot (Freelance Project)

<ul><li>Developing a chrome extension which is an AI assistant for browser.</li><li>Implemented functionality where user can snip section from screen like snipping tool, can add prompt to process that snip and user is returned with response in the same tab</li><li>In alpha stage right now!</li></ul>

stroke.ai (Supported by Microsoft for Startups)

<ul><li>Developed a full-stack web application using TypeScript, offering 100+ diverse coding challenges, tiered in easy, medium and hard categories. </li><li>Integrated <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://judge0.com/">Judge0</a> for online code execution, handling over <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://drive.google.com/file/d/1wfHNVqMiZpm45S9tdvFtfwcnsQWO2nwd/view">2,000+</a> API requests and 280+ code submissions with approximately 90+ challenge submissions and automated test case evaluation.</li><li>Implemented secure user authentication using JWT’s and scalable backend of 100+ simultaneous users using Express and MongoDB</li><li>GitHub - <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/monis07/logicloom">https://github.com/monis07/logicloom</a></li></ul>

LogicLoom (Leetcode from Scratch)

<ul><li>Designed and developed an animated, responsive portfolio using React.js and SCSS showcasing my projects, experience and skills. </li><li>Utilized Sanity CMS for dynamic content management.</li><li>Implemented seamless animations with framer-motion library, enhancing user experience.</li></ul>

Portfolio Website

<ul><li>Engineered a custom React framework from scratch using Vanilla JavaScript and added support for Concurrent Mode, Reconciliation, Function Components, and Hooks. </li><li>Utilized Babel for code transpilation to make sure it supports modern JavaScript syntax.</li></ul>