Positivus Landing Page

This project involves slicing the Positivus Landing Page design from @olgaaverchenko on Figma's community design into a fully functional web application using React.js and CSS3.

Tech Stack

• HTML5: Structuring the content of the webpage.
• CSS3: Styling and layout, including responsiveness and animations.
• React.js: Building dynamic and reusable UI components.
• TypeScript: Enhancing JavaScript with static typing for improved developer experience.
• Vite: Fast build tool and development server for modern web projects.
• Storybook: Developing and documenting UI components in isolation.
• Chromatic: Automated visual testing to ensure UI consistency across changes.
• Jest: Unit testing framework to ensure component functionality and integrity.

Features

For developing, documenting, and testing UI components, we utilized:

• Storybook: To build and showcase components in isolation.
• Chromatic: For automated visual regression testing to maintain UI consistency.
• Jest: For unit testing to ensure the components work as expected.

Live Demo

Experience the live version of the Positivus Landing Page here:
https://positivus.deri.my.id

Component Library

Explore the component library developed with Storybook and tested with Chromatic:
https://development--66aea6f354f5805b7d1f6c3f.chromatic.com

More Information

For more details about this project and others, visit my portfolio website:
https://www.deri.my.id