FlowCV Logo
Professional Experience

Building UI according to design specifications, collaborating with backend developers to define and integrate APIs into the frontend. Optimizing performance, ensuring cross-platform compatibility, and responsiveness of the website using TypeScript, React, Next.js, Redux, and Unit Testing with Vitest.

1. CropEx Trade ( Kisan Kommerce ) - Admin and Buyer Web Portals (Ongoing)

  • •Develop and maintain interactive Admin and Buyer portals for a commodity trade platform, streamlining user management, commodity postings, and traceability tracking.
  • •Integrate Pigeon Maps to visualize trade areas, enhancing geographic insights and user experience.
  • •Implement unit tests using Jest and React Testing Library to ensure application reliability and performance.
  • •Utilize Next.js, TypeScript, TanStack Query, Tailwind CSS, and ShadCN to build a scalable, responsive, and maintainable platform..

  • •Designed and developed a dynamic dashboard to visualize farmer data, incorporating charts, tables, and interactive maps with polygon-based outlines for soil test areas and property boundaries.
  • •Integrated latitude-longitude-based mapping solutions to accurately display soil test results and farmer plot locations, improving operational insights.
  • •Optimized performance and built a responsive, maintainable UI, ensuring seamless user experience and alignment with stakeholder requirements.
  • •Developed an interactive GHG accounting system using React and Tailwind CSS, enabling seamless tracking and reporting of emissions in line with industry standards.
  • •Implemented advanced form validation with Formik and Yup, ensuring accurate data collection and compliance with regulatory requirements.
  • •Integrated efficient API handling with RTK Query, optimizing data fetching, caching, and state synchronization to boost application performance.
  • •Built SEO-friendly, reusable components with Next.js, TypeScript, and Tailwind CSS, focusing on UI/UX.
  • •Optimized images and reduced build size from 121.8kb to 41.2kb (66%), enhancing performance and responsiveness.
  • •Converted UI/UX wireframes into functional web pages, improving user experience.
    • Technical Skills
    JavaScript & TypeScript
  • •JavaScript - Web Development, ES6, DOM Manipulation, Asynchronous Programming, AJAX, JSON.
  • •TypeScript - React TypeScript, Types, Interfaces, Tuples, Generics, Static Checking.
    • React.js & Next.js
  • •React: Components & Props, Hooks, Optimization, Router, Babel, Parcel, Vite, NPM, Redux, TanStack Query, Formik, React Testing Library, Vitest, Jest.
  • •Next.js: Routing, Data Fetching, Rendering, Middleware, Server-Side Rendering (SSR), Static Site Generation (SSG), and actively improving Next.js expertise.
    • node.js & express.js

    Event Loop, V8, Thread Pool, File Systems, Streams, Node Servers, Express Servers, REST APIs, Database Connectivity, JWT Authentication.

    NoSQL - Mongo DB

    CRUD Operations

    Web Technologies - HTML, CSS & Tailwind css
  • •HTML & CSS - Proficient in HTML5, CSS3 front-end web development with knowledge of responsive design.
  • •Tailwind CSS - Skilled in responsive design, Flexbox, Grid layout, Hover/Focus, with strong documentation
    • Tools and Technologies

    Git (version control, branching, merging), Postman, Firebase, Clerk CMS, ShadCN UI, SQL, and deployment best practices.

    Personal Projects

    Developed a property management web app using MERN Stack, TypeScript, and Firebase with secure authentication through JWT and Google Auth. Enhanced user experience with cookies for session management, and deployed the backend on Render.com and frontend on Netlify.com for optimized performance.

    Built a Netflix clone with React, Redux, Tailwind CSS, and Firebase, focusing on efficient state management and delivering an immersive, responsive UI for seamless cross-device viewing.

    Education
    Bachelor of Engineering, Government Engineering College, Ramanagara
    2019 – 2022
    Certification

    Achieved proficiency in the MERN Stack, Java, and MySQL by building dynamic web applications.