🚀 Senior Software Engineer | React, Javascript & Typescript | SaaS Architecture | Performance, Accessibility & UX/UI |

Ayush Papnai • Peerlist

A simple component library with special components that make development easy for complex use cases. Components 1. Recursive component builder - A UI component that takes an array of recursive data and gives user the freedom to create UI as required and provides API to manage recursive component building. link : https://easy-packager.vercel.app/recursive-builder/comment-component 2. Table component - A universal table component that will help users with easy filter functionality and dynamic data rendering. with draggable columns. All the components are made from scratch so it supports all libraries.

Wiz UI

A very complex yet interesting form ui builder with drag and drop functionality that helps business teams to create journeys on the go. The drag and drop logic is very interesting and HTML new drag drop functionality is used. Used path based element accessing that enhances nesting performance. read more (https://dev.to/pappijx/how-to-build-any-recursive-component-3ni4) Functionalities 1. Add new fields by dragging and dropping from element panel 2. Adding validations 3. Adding dependencies on other elements 4. Rendering on client side using react hooks 5. Dynamic element placement using grid system

Drag and Drop Form builder

F.A.S.T. App is a fitness app that helps are person maintain his/her diet and do a routine exercise. This app was developed in angular 8 and was given as freelance project to me for revamping the UI.

Fitness app development

An app that helps parents and schools to collaboratively work to enhance the kids skills and make them more aware, creative and skillful. All illustrations and images were created by me on photoshop and illustrator. technologies used :- 1. AdobeXD ( for user-flow and experience design) 2. Flare by 2Dimensions ( For asset animations and splash screens for the app )

muse Parents app

A very creative and innovative website to showcase the purpose of muse by creaxt inc. The whole project was initiated and fully developed in 3 months and the last month was testing. The project was developed using :- 1. Angular 8 (web-development framework) 2. Firebase (for database and back-end connectivity) 3. CSS (Styling and SVG animations using css) 4. Photoshop & Illustrator for web assets designing. 5. Adobe XD ( for user experience and user flow design) 6. SVG animations using svgnator.

muse website

An android app that helps teacher to flawlessly maintain student data and provide them with particular assignments. The teacher can connect to parents and also with fellow teacher whenever required. technologies used :- 1. AdobeXD ( for user-flow ,experience design, mockups) 2. Flare by 2Dimensions ( For asset animations and splash screens for the app )

muse Teachers app

Setup your perfect project with this easy to use project setup boilderplate https://github.com/pappijx/Vite-react-eslint-prettier-husky-setup Read article : https://dev.to/pappijx/effortlessly-setting-up-your-react-project-with-vite-husky-typescript-and-eslint-a-comprehensive-guide-n5l