A personal website where I attempt to document and showcase my experience learning about usability, CS, and design. Built with React and Typescript. This project is ongoing as I continue to learn.
You can find the deployed site at fam-cs.github.io. Below are some initial designs in Figma and the progression (last two photos).
You will need node to build the project.
- Clone the repository.
- Install node packages:
npm install - Run the app in developer mode (enables website to re-load):
npm run dev - A link like http://localhost:5173/ should appear in the terminal to view the site.
For deploying to a website, I followed the instructions here.
Getting this project deployed has been an interesting lesson in defining what "done" means. I faced challenges with making images fit different screen ratios, due to my earlier Figma designs, which caused this project to stagnate for a few months. After discussing with others, I decided to create an MVP with a simpler design to move forward.
I've learned some new things for this project such as:
- how to use and make SVGs (and why they're awesome)
- how to deploy a React app to Github pages
- styling/auto-layout features in Figma