DEV Community

Discussion on: The 1AM Personal Site

Collapse
 
c33s profile image
Julian • Edited

of course i read that you use react for your page but something i really don't want to read on webpages:

You need to enable JavaScript to run this app.

this is quite a bad UX. of course most of your users will not see this error but as securit fan i disable javascript (noscript) and block requests to domains which are not the current one (request policy continued).

such a simple one page, which only shows some about text, 4 portfolio items and a contact form plus some social links should not require js and cdns to display the basic things. for me it is ok, if some features don't work but if i simply want to call you or write you an email it won't help at all. have a look at kingsnigdho.com/ a user posted in a comment here. the page works without any problem without js and without any access to another domain (of course there are some missing assets and features but i can access everything which is important)

at least add some basic html to your no script section. as you are using formspree it should be possible to add this as no js part but if this is too cumbersome, at least write your email address

this could be your no script section:

<h2>about</h2>
<p>
    So, I'm Jenessa (my teammates call me Extra)!
</p>
<p>
    I am a Front End Developer based in the Twin Cities, MN. I enjoy creating simple, beautiful and intuitive websites that solve problems. Currently, I work at an amazing company called Software for Good in Minneapolis.
</p>

<p>
    I like to live a pretty fulfilling life outside of work too though...
</p>

<p>
    One of my main activities outside of the office is playing Tight End for the Minnesota Vixen! I joined the team for the 2018 season and have learned so much more about teamwork and myself than I had in a while. Football has taught me some skills that we even can apply to our everyday workflows. I also love to hang out with friends, watch Netflix, try out new restaurants, attend concerts/sporting events and go on all types of adventures.
</p>

<h2>portfolio</h2>
<ul>
    <li>Can I Vote If? http://canivoteif.com/ https://github.com/Can-I-Vote-If/can-i-vote-if</li>
    <li>Bulb-App https://github.com/jenessawhite/Bulb-App https://github.com/mplsjrdevs/mplsjrdevs</li>
    <li>MPLS Jr Devs https://mplsjrdevs.com/</li>
    <li>3Way Marketing Group http://3waymarketinggroup.com/</li>
    <li></li>
    <li></li>
</ul>

<h2>contact</h2>
jene...@gmail.com

<h2>links</h2>
<ul>
    <li>http://github.com/jenessawhite</li>
    <li>http://twitter.com/jnessview</li>
    <li>http://linkedin.com/in/jenessawhite</li>
    <li>http://instagram.com/thenessview</li>
</ul>

alternatively you can simply go to any browser and click on "safe as html" and then upload it to the server and link to this page from your noscript section.

btw a subjective feeling i have is that your main image gets a little bit lost on desktop screens.

Collapse
 
jenessawhite profile image
Jenessa White

Thanks for the feedback.