Skip to content

Latest commit

 

History

History
41 lines (27 loc) · 1.84 KB

README.md

File metadata and controls

41 lines (27 loc) · 1.84 KB
Raw

Positivus Landing Page

Tech Stack

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.

Positivus Mockup

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