EXPERIENCING

BUILDING

VISUAL STORYTELLING

Debaleena Basu

<front-end developer/> < /> <designer/>

I build pixel perfect, accessible & inclusive digital experiences.

DOWNLOAD MY CV

WEB DEVELOPER

WEB DESIGNER

UI DESIGNER

WEB DEVELOPER

WEB DESIGNER

UI DESIGNER

WEB DEVELOPER

WEB DESIGNER

UI DESIGNER

A multi-disciplinary designer & developer who's passionate about crafting unforgettable digital experiences & believes that the details make all the difference.

profile

I bring a unique blend of design and development to every project. Guided by an inherent sense of visual storytelling and empathy, my specialization lies in crafting designs that not only engage users but also enhance their overall experience and are built well under the hood.
You can usually find me reading, or scrollling endlessly through the Awwwards website.

Projects

personal portfolio website

+

Portfolio Website

×

This personal portfolio website is a visually captivating and interactive project built using HTML, CSS, and JavaScript. The design features a clean and modern aesthetic, with a focus on smooth scrolling and engaging animations that enhance the user experience. The website showcases the background, skills, and projects that I've undertaken in an organized manner. Key features include a responsive layout, a fixed image that reacts to user interaction, a card-based project display with details and links, and a comprehensive skills section highlighting the technical proficiencies. The project is built using HTML5, CSS3, Vanilla JavaScript, and libraries like Swiper.js and Locomotive Scroll for the interactive elements. Techniques like CSS animations, gradient backgrounds, and icon usage are implemented to create a cohesive portfolio website.

Responsive DesignInteractive Elements & AnimationsProject ShowcaseSmooth ScrollingSocial Media Links

inlink: ai-crafted content generator

+

inlink - (under development)

×

Our platform, built with Next.js on top of TypeScript for the front-end, and utilizing Shadcn UI for styling and interface design, is designed to revolutionize content creation. By integrating generative AI with Next.js, we offer a powerful tool that assists users in crafting professional and engaging content for LinkedIn and Twitter bios/posts, based on their inputs. This key feature ensures that users can effortlessly generate high-quality content that enhances their online presence and engagement.

AIProfessional Content GenerationUser Input-Based Customization

gpt-3 powered website

+

GPT-3 Powered Website

×

This project is a fully responsive website built from scratch using React JS, showcasing the capabilities of GPT-3, the groundbreaking language model developed by OpenAI. The website features a clean and modern design, with a focus on highlighting the diverse applications and potential of GPT-3. The codebase includes various components, such as a feature-rich navbar, interactive sections highlighting GPT-3's abilities in areas like chatbots, knowledge bases, and educational applications, as well as a visually appealing blog section displaying articles related to GPT-3 and its advancements.

Responsive & mobile-friendly designSeamless integration of GPT-3 capabilities throughout the websiteInformative sections showcasing the versatility of GPT-3Engaging blog section with relevant articlesSmooth user experience and interactive components

landing page clone

+

Portfolio Landing Page Clone

×

The project is a landing page clone of an Awwwards-winning portfolio website designed by Nataschavavrina. The page is built using HTML5, CSS3, and JavaScript, and features a visually striking layout with a central logo and images that respond dynamically to user interactions. The page utilizes document.querySelector() to manipulate the DOM and create hover animations, as well as CSS transitions and transforms to achieve the desired visual effects. The project demonstrates proficiency in front-end web development techniques and a keen eye for design.

Responsive & interactive layoutHover animations triggered by mouse movement Dynamic resizing & positioning of imagesSmooth transitions & visual effects
Skills

<languages/>

Html5 / CSS3 JavaScript TypeScript Java C Python

<development tools/>

VS Code GIT/GitHub Vercel

<libraries & frameworks/>

React Js Next Js Vanilla Js

<styling tools/>

CSS Tailwind CSS Post CSS Shadcn UI Figma Adobe Illustrator