https://github.com/tasxatzial/digital-business-card
https://github.com/tasxatzial/digital-business-card
scrimba scrimba-react scrimba-soloproject
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tasxatzial/digital-business-card
- Owner: tasxatzial
- Created: 2024-03-30T19:02:21.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-15T08:24:01.000Z (8 months ago)
- Last Synced: 2025-01-13T03:09:53.220Z (4 months ago)
- Topics: scrimba, scrimba-react, scrimba-soloproject
- Language: JavaScript
- Homepage: https://tasxatzial.github.io/digital-business-card/
- Size: 604 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://scrimba.com/learn/frontend) course on [Scrimba](https://scrimba.com).
[Live version](https://tasxatzial.github.io/digital-business-card/)
## 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 low contrast of the 'frontend developer' text has been fixed.
## Dependencies
This is a basic React project created with Vite.
## Run locally
Install the required packages:
```bash
npm install
```
Run the development version:
```bash
npm run dev
```
Build the project:
```bash
npm run build
```
Build & serve the production version:
```bash
npm run serve
```
## Screenshots
See [screenshots](screenshots/).