Digital Business Card

A simple static card component built with React.

This is a solo project from the React basics module of the Frontend Career Path course on Scrimba.

Implementation

• Responsive.
• Accessible + screen reader friendly.

Since I've had access to the Figma file, I've tried to match the design as closely as possible. However, I decided to adjust some elements based on what I considered to be the best approach. Specifically:

• The font sizes were quite small, therefore they were scaled to 150%.
• The contrast of the 'frontend developer' text has been increased from 2.5 to 4.5.

Dependencies

This is a basic React project created with Vite.

Run locally

Install the required dependencies:

npm install

Run the development version:

npm run dev

Build the project:

npm run build

Build & serve the production version:

npm run serve

Screenshots

See screenshots.