Skip to content

dmcdaniel90/student-id-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Id Card Generator

This is a small Typescript project that takes in user information, including a user uploaded image file and outputs a student ID card that is automatically downloaded to the user's machine.

Installation & Usage

  1. Run npm install
  2. Run npm run dev to start the server

Features

  • Type checking and compilation with Typescript and Vite
  • User uploaded image from filesystem
  • Automatic downloads
  • Automatic form clearing

Lessons Learned

This project is an extension of a project found on React30 that helped reinforce my working with simple DOM manipulations. I extended it by learning to use the File API and by also implementing Typescript concepts such as simple types, unions, and type assertions.