HTML
CSS
Bootstrap
JavaScript
AJAX
Figma

Responsive Resume Layout

Dynamic Design: Responsive Layouts Design for the Interactive Age

Objective

Develop a visually appealing and interactive resume landing page that lists skills and experiences and captures the user's personality through dynamic content and a well-thought-out design.

Design

I utilized Figma for the initial design, ensuring a sleek and structured layout. The page was tailored to create a harmonious balance between text and interactive elements, yielding a clean and engaging user interface.

Development

The page's structure was articulated using HTML and styled using CSS Grid and Bootstrap for responsiveness. JavaScript enriched the page with interactive features like hover effects and live content updates via AJAX.

Challenges

The primary challenges faced were meticulously integrating AJAX to fetch data without disrupting the user experience and implementing responsive hover effects.

Breakthroughs

I overcame AJAX challenges by asynchronously fetching, parsing, and dynamically embedding API data. CSS hover effects were fine-tuned for subtle yet impactful interactivity.

Outcome

The resulting landing page is a comprehensive digital resume that offers visitors a glimpse into professional skills, personality, and live insights, encapsulated in a design-first approach.