Walk Through On My portfolio (Aleen Bhandari)

Xettri Aleen
9 min readFeb 22, 2022
One of a design done by Mr. Aleen

Skills & Expertise

Aleen Bhandari, a seasoned UI/UX Designer and Fullstack Developer, brings over 8 years of front-end development and 3 years of UI/UX design expertise to the table. My journey is fueled by a relentless passion for crafting seamless and innovative digital experiences. Leveraging cutting-edge technologies and design trends, I’ve continuously evolved, mastering the art of impactful and user-centered digital solutions.

Advanced Development Skills:

  • SvelteKit & Svelte: Mastering the art of building highly interactive and modern web applications using SvelteKit and Svelte, focusing on performance and writing less code to achieve more functionality.
QR ORDERING SYSTEM | FullStack Sveltekit & Pocketbase

link: https://qrordering.netlify.app/login

SEO Ready BlogSite with sveltekit and Blogspot
  • SCSS: Leveraging SCSS to craft efficient, maintainable, and scalable stylesheets that enhance the visual aesthetics and functionality of web applications.

Design & UX Mastery:

  • UI/UX Design: Applying my self-taught, extensive knowledge in UI/UX design principles to create intuitive and user-friendly interfaces for websites, mobile applications, and Chrome extensions.
Figma Three.js concept
Need a Perfect Design? Wireframe > Lofi > Hifi > Responsive
  • Figma Plugin Creation: Developing custom Figma plugins to streamline design processes and improve design team efficiency.
  • Spline for 3D Modeling: Utilizing Spline to add dynamic, eye-catching 3D elements to user interfaces, enhancing the user experience with engaging visuals.

Technical Creativity & Innovation

Aleen Bhandari — Pioneering New Frontiers in Web Design and Development

My passion for pushing the boundaries of what’s possible in web design and development has led me to explore and master several advanced technologies. These tools enable me to create immersive, dynamic user experiences that not only captivate but also solve real-world problems. Here’s a closer look at the innovative technologies I’ve employed in my projects:

Three.js for Immersive 3D Experiences

  • Expertise: Leveraging Three.js to craft interactive 3D animations and visual effects that bring web projects to life. My work with Three.js breaks the mold of traditional web design, offering users an engaging and immersive digital experience.
  • Impact: These 3D elements not only enhance the visual appeal of websites but also improve user engagement and interaction, setting new standards for what is achievable in web UX/UI design.

Chrome Extension Development

  • Skillset: Developing Chrome extensions that extend browser functionality, enhance user productivity, and offer unique web experiences. My expertise includes creating intuitive, user-friendly interfaces and integrating powerful features that address specific user needs.
  • Contribution: By improving browser usability and introducing new features, these extensions have helped users streamline their workflows, thereby increasing productivity and enhancing the overall browsing experience.

ffmpeg.wasm for Video Processing

  • Innovation: Incorporating ffmpeg.wasm, a WebAssembly version of the popular FFmpeg library, into web projects for client-side video processing. This allows for high-performance video editing features directly in the browser, without the need for server-side processing.
  • Application: My projects utilize ffmpeg.wasm to offer users powerful video editing capabilities, such as format conversion, compression, and editing, enhancing the interactivity and functionality of web applications.
    demo:
    youtube multiple video cutter
    https://bit.ly/495v7l8

GSAP for Advanced Animations

  • Mastery: Using GSAP (GreenSock Animation Platform) to create high-performance, professional-grade animations. GSAP enables me to animate virtually any aspect of the web UI, from simple transitions to complex, choreographed sequences.
  • Benefits: The animations crafted with GSAP are not only visually stunning but also smooth and efficient, significantly improving the user interface and experience across various web projects.
    demo:
    equitool unfinished site
    https://equitool.netlify.app/
    revamped site for accesbility tool (solo handed finished)
    https://getequitool.com/

Security & Ethical Hacking

As a UI/UX Designer and Frontend Developer, my journey into the realm of ethical hacking marks a significant expansion of my skill set. Specializing in reverse engineering APIs, I’ve dedicated myself to enhancing the security and reliability of web applications and services. This niche expertise underscores my commitment to creating not only functional and aesthetically pleasing digital solutions but also secure and trustworthy environments.

Impactful Contributions

  • Broad Engagement: Successfully conducted security assessments and enhancements across over 140 digital properties, including websites, Chrome extensions, and Figma plugins. This extensive experience has equipped me with a deep understanding of various attack vectors and defense strategies, enabling me to protect and improve a wide array of digital assets.
  • Protecting Top Companies: My ethical hacking skills have been instrumental in safeguarding the digital assets of some of Nepal’s leading companies, such as LanceMeUp, Karobar, and Sarallagani. By identifying vulnerabilities and implementing robust security measures, I’ve helped these organizations fortify their defenses against a range of cyber threats.
  • Discretion and Confidentiality: While the specifics of my work in security and ethical hacking are sensitive and cannot be fully disclosed, the impact of my efforts is reflected in the enhanced security posture and resilience of the organizations I’ve worked with.

Commitment to Digital Security

My foray into ethical hacking and cybersecurity is driven by a recognition of the critical importance of security in today’s digital landscape. By continuously updating my knowledge and skills in this area, I aim to contribute to the development of safer, more reliable web applications and services. This commitment extends beyond individual projects, as I advocate for and implement best practices in security across all my endeavors.

Location:

Dharan, available for work globally or remotely.

Age: 27 years old (Born on 2054/06/21)

Contact: +9807038534

Education & Learning Journey

Aleen Bhandari — Bridging Commerce with Technology

While my formal education began in the realm of commerce, my true calling has always been in the intricate dance of programming and design. Here is a glimpse into my academic background and self-directed journey into technology:

Formal Education:

  • School Leaving Certificate (SLC): Graduated in 2014 from Nepal Police School. My foundational education provided me with a disciplined approach to learning and problem-solving.
  • Higher Secondary Education (+2): Completed in 2017 from Dharan Higher Secondary School. Focused on commerce, these years were crucial in developing my analytical skills and understanding of business processes.
  • Bachelor of Business Studies (BBS): Pursued until the third year at Birendra Memorial College. This journey into commerce education helped me understand the economic, organizational, and management foundations that are vital in the tech industry.

Passion Meets Self-Learning:

Despite my commerce background, my fervent interest in technology guided me toward self-education in programming and design. This journey has been marked by:

  • Self-Taught Programming Skills: Diving deep into the world of coding, I have equipped myself with the latest programming languages and frameworks that are essential for a Frontend Developer and UI/UX Designer.
  • Design Exploration: My passion for design led me to explore various tools and practices on my own, mastering the art of creating user-centric designs that speak volumes.

Continual Growth:

My educational path reflects a blend of formal education in commerce and a self-driven quest in technology. This unique combination has empowered me with a diverse skill set that I leverage to innovate and design solutions that are not only aesthetically pleasing but also functional and user-friendly.

Professional Experience

Aleen Bhandari — From Learner to Leader in UI/UX Design and Frontend Development

My professional journey is a testament to my dedication to mastering the craft of UI/UX design and frontend development. Here’s an overview of my career progression, showcasing my roles, responsibilities, and the value I’ve brought to each position:

Early Beginnings: Internship and Learning

  • CODE IT, DHARAN: My foray into the tech world began here, where I immersed myself in learning and practical application. Over three years, this invaluable experience laid the groundwork for my career, allowing me to hone my skills in real-world projects and collaborate with seasoned professionals.

LanceMeUp: Senior UI/UX Designer & Senior Frontend Developer

  • As a pivotal member of the LanceMeUp team, I elevated the role of a Senior UI/UX Designer and Frontend Developer. My contributions involved leading design projects, enhancing user experiences across web and mobile platforms, and implementing cutting-edge frontend technologies. My work significantly improved project outcomes, user satisfaction, and led to innovative solutions for complex design challenges.

Makura Creations: UI/UX Designer & Frontend Developer

  • Currently, at Makura Creations, I continue to blend art and technology, crafting compelling user experiences and robust frontend architectures. My role involves close collaboration with cross-functional teams to ensure design and development align perfectly with user needs and business goals. My work here has not only pushed the boundaries of creativity and technical execution but also contributed to setting new standards in design and development practices.

Portfolio Highlights: Unique Creations by Aleen Bhandari

As a passionate UI/UX Designer and Frontend Developer, I thrive on bringing unique ideas to life. My work is characterized by a commitment to innovation, user-centered design, and technical excellence. Here are some highlights from my portfolio, showcasing projects that stand out for their creativity and impact.

Life at Makura Creations

Accessibility Plugin Development

  • Overview: Tasked with managing all aspects of the Accessibility plugin features at Makura Creations, I embarked on a journey to deeply understand and implement the Web Content Accessibility Guidelines (WCAG). My goal was to make digital content accessible to a wider audience, including those with disabilities.
  • Technical Execution: Developed using pure Vanilla JavaScript, this plugin is a testament to my expertise in crafting efficient, scalable solutions without relying on frameworks or libraries. Its compatibility with various platforms (WordPress, PHP, WebFlow, Django) demonstrates its versatility and adaptability.
  • Impact: This plugin significantly enhances the accessibility of websites, making them more inclusive. By addressing key accessibility concerns, it not only complies with legal standards but also improves the overall user experience for people with disabilities.

Demonstration and Impact

To further illustrate the capabilities and impact of my work, I have prepared a few demos. These not only showcase the functionality and user-centric design of the Accessibility plugin but also highlight my technical proficiency and ability to deliver solutions that cater to diverse user needs and platforms.

Used spline/three.js to create a 3D model for Makura Creations.

Chrome Extension

https://www.instagram.com/reel/C2mH1iKhjjJ/

UI/UX designed by myself are listed here

Worked with Butchers Prime(Aus)

https://bit.ly/487jkRR

Worked with Nest Nepal Hosting Platform
https://bit.ly/3SOWN88

Worked With Lance Me Up
https://bit.ly/3UsrX6B

Viral Community Resume Template
http://bit.ly/3unONhp

Opensource Icons — Ongoing..
https://bit.ly/3PAS0SZ

Threes.js Portfolio Concept
https://bit.ly/3BGJGOi

Retro Version Portfolio
https://bit.ly/3VDxJ3i

Minimalist Portfolio Designed
https://bit.ly/3PYemyB

Instagram Remodified Version
https://bit.ly/3A9Zyr6

Tech Local Backend Designed with wireframing
https://bit.ly/3zHcuET

Minimalistic Music web app UI design
https://bit.ly/3JhToYZ

Messenger Web App Concept
https://bit.ly/3vt16tM

Watch my SEO UI design
https://bit.ly/3BuRkuX

Sneakers Astra
https://bit.ly/3cTcWXN

StoryBubble UI design
https://bit.ly/3OIGG6J

Madhyam UI design
https://bit.ly/3cVbQKP

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Visual Designing With Figma

Drowning ideas From Dream
https://bit.ly/3cemnku

Desktop Wallpaper
https://bit.ly/3pkXQ07
https://bit.ly/3pNVLKs

Moomin Valley and Iron man Blue Print
https://bit.ly/3OOh0pn
https://bit.ly/3PLhUnH

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Chrome Extension I have created
https://github.com/xettrialeen/WatchMySeo

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

THREEJS PROJECT INTRO TO 3D WORLD

What may Three JS be used for?

Three. JS is a JavaScript library/API that is cross-browser that is used to generate and animate 3D computer graphics for display in a web browser.

Showcase of Three js projects

#3d glass created with spline threejs
Buddha Mesh with Threejs Spline
Boeing model created with three.js and gsap

Sites Created with Threejs and GSAP

https://test-boeingmakura.netlify.app/
https://polygonworld.netlify.app/
https://test-aleenthree2.netlify.app/

https://test-aleenthree.netlify.app/
https://test-makura.netlify.app/

Projects Created With Svelte

Type Scale (Typography ratio Calculator)
https://typescaleclone.netlify.app/

Notion Clone

https://sveltion.netlify.app/

Undergoing React Project

https://instaremodified.netlify.app/

The sites which I have maintained alone

The complex CSS card animation I did was
https://storybubble.netlify.app/html/webapp.html
https://storybubble.netlify.app/html/profile.html

https://gurkhawelfare.netlify.app/
https://storybubble.netlify.app/

https://devsimplified.netlify.app

https://test-sneakersastra.netlify.app/
https://howtocreateaboxshadow.netlify.app/
https://aleenseo.netlify.app/
https://haitro.netlify.app/
https://solarsnp.netlify.app/
https://moodynp.netlify.app/
https://ygesture.netlify.app/
https://xettrialeen.netlify.app/
https://itsnpsub.netlify.app/
https://signup-itsnp.netlify.app/
https://aleenfood.netlify.app/
https://aleenmenu.netlify.app/
https://aleensclock.netlify.app/
https://aleentags.netlify.app/
https://cryptoz.netlify.app/
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — -

--

--