Portfolio2021

KO | EN

gitlite — search

#javascript #python #react #llm #go #golang #android #rust #docker #nodejs #vue #awesome-list #mcp #openai

(★ 65)

Portfolio Site including links to my projects and ways to get in contact with me.

Portfolio2021 Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Portfolio-2021 : <a target="_blank" href="https://www.shawncharles.com">Visit Here</a>

### Portfolio Site including links to my projects and ways to get in contact with me.

## Tech used: ![HTML5 BADGE](https://img.shields.io/static/v1?label=|&message=HTML5&color=23555f&style=plastic&logo=html5)![CSS BADGE](https://img.shields.io/static/v1?label=|&message=CSS3&color=285f65&style=plastic&logo=css3)![JAVASCRIPT BADGE](https://img.shields.io/static/v1?label=|&message=JAVASCRIPT&color=3c7f5d&style=plastic&logo=javascript)

My learning was focused on making a simple UI and a smooth UX, and have a seasonal animation for dark-mode.

## Optimizations

When I improve this project, I would start by updating the spring and summer animation of rain and fireflies. Currently have fall and winter finished just need to add the other too into the Date checker. Would also like to add some javascript to add gifs to front page.

## Lessons Learned:

Separation of Concerns. Realized how much easier it is to add css animations than to add custom javascript to change hover interactions

## More Projects

<table bordercolor="#66b2b2">
  
  <tr>
    <td width="33.3%"  style="align:center;" valign="top">
<a target="_blank" href="https://github.com/CharlesCreativeContent/Demo-Day">Travelara.org</a>
        <br />
      <a target="_blank" href="https://github.com/CharlesCreativeContent/Demo-Day">
            <img src="https://github.com/CharlesCreativeContent/CharlesCreativeContent/raw/main/images/gif1.gif" width="100%"  alt="Travelara.org"/>
        </a>
    </td>
    <td width="33.3%" valign="top">
<a target="_blank" href="https://github.com/CharlesCreativeContent/Rigley2-FlappyBug">Rigley2-"FlappyBug"</a>
      <br />
        <a target="_blank" href="https://github.com/CharlesCreativeContent/Rigley2-FlappyBug">
          <img src="https://github.com/CharlesCreativeContent/CharlesCreativeContent/raw/main/images/gif2.gif" width="100%" alt="Rigley2-'FlappyBug'"/>
        </a>
    </td>
    <td width="33.3%" valign="top">
<a target="_blank" href="https://github.com/CharlesCreativeContent/matching-card-game">Matching Card Game</a>
        <br />
        <a target="_blank" href="https://github.com/CharlesCreativeContent/matching-card-game">
          <img src="https://github.com/CharlesCreativeContent/CharlesCreativeContent/raw/main/images/gif3.gif" width="100%" alt="Matching Card Game"/>
        </a>
    </td>
  </tr>
</table>

Portfolio2021

Portfolio2021 Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Portfolio2021

Portfolio2021 Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README