Design System
I went from an idea of how I could present my skills to the public, broke down the different
ways my
web development instructors suggested, picked the one I was most comfortable with.
Having the
website generate a tour guide, of sorts to speak for me with more confidence than my
introverted self
tends to muster! As a Javascript Front End Developer, I have great appreciation to how I can
communicate to a logically organized cluster of circuitry and metals to have it present my
imagination to
the world.
I look forward to helping future clients present their imagination.
If local storage empty
Hey, welcome back
[LocalStorage].name I can’t
actually see you like you can
me so if you aren’t
[LocalStorage].name then
you have to sign in. I’m
a collection of Ayanda’s
instructions to help guide
you through his curated
skills website
Welcome to Ayanda’s
curated skills website. I’m
a collection of his
instructions to help guide
you through. Can I get your
name or do you want to
stay incognito?
sign in
Take tour
Incognito
sign in
So, Ayanda wrote files that
your device now has copies of.
The files tell your
phone/laptop to display me as
I am and saying the things I
say, remember which name to
use and so forth. These files
are HTML, CSS, JS and Module
Library files. Ayanda wrote
them with Visual Studio Code
and used the CommandLine
Terminal to access NPM,
home of many incredible JS
libraries.
Gif creation of
GIF content to
image
How I was built
Design System
Live demo
Local Storage implementation
with responsiveness render value
passing demo for device and name
to explain CSR
Ayanda Info
connect with him
Local storage read and if
empty, when sign in, clicked
name of digital tourist is
stored locally.
Skills page appears
and value for digital
tourist name and
screen device
reference is passed
into the text
Guest
Local storage read and
if name not empty,
option to take tour or
replace storage name
and go to skills page
Skills page appears
and value for digital
tourist name and
screen device
reference is passed
into the text