|
| 1 | +title: Vocabulary Site Mid-Internship Update (v2) |
| 2 | +--- |
| 3 | +categories: |
| 4 | +cc-vocabulary |
| 5 | +gsod |
| 6 | +gsod-2020 |
| 7 | +--- |
| 8 | +author: nimishbongale |
| 9 | +--- |
| 10 | +series: gsod-2020-vocabulary-usage-guide |
| 11 | +--- |
| 12 | +pub_date: 2020-11-09 |
| 13 | +--- |
| 14 | +body: |
| 15 | +This is a mid-internship blog post. Wait. what!? Already? Let's glance over my progress, shall we? |
| 16 | + |
| 17 | +## Vocabulary Site Updates (Edition 2/many more to come) |
| 18 | + |
| 19 | +Oh boy! 1.5 months have passed since I've been investing time in building a landing site & usage guide for CC Vocabulary. A lot has changed since the time of posting my last blog post. **A lot**. |
| 20 | + |
| 21 | +<center> |
| 22 | +<img alt"Halfway There" src="speed.gif"/><br> |
| 23 | +<small class="muted">Hitting "the point of no return" has never been this exciting! Time to step on the throttle! Source: <a href="https://cliply.co">Cliply</a></small> |
| 24 | +</center> |
| 25 | + |
| 26 | +### What I've been up to |
| 27 | + |
| 28 | +> **Designing** ⇨ **Drafting** ⇨ **Developing** ⇨ **Debugging** ⇨ **Deploying** |
| 29 | +
|
| 30 | +And the cycle contrinues. I guess it sums it all up very nicely. _Can somebody appreciate the alliteration though?_ |
| 31 | + |
| 32 | +Here's a gist of what I've achieved so far: |
| 33 | + |
| 34 | +- I've gone through **2** iterations of the design. I'm happy with how the new site looks (and I genuinely hope the design team does too!). |
| 35 | +- I've drafted around **5+** writeups dealing with Monorepo Migration, Getting Started guide, Vocabulary Overview and of course these blog posts. |
| 36 | +- My branch on the vocabulary repository now has over **50+** commits & over **13,000** lines of code (not that I've written all of them, but you know, just for the stats) |
| 37 | +- The first draft of the vocabulary site is now live! I'm expecting a whole bunch of changes still, but here it is if you want to have a sneak peek: [https://cc-vocab-draft.surge.sh](https://cc-vocab-draft.surge.sh) |
| 38 | +- I've consumed the [Github API](https://docs.github.com/en/free-pro-team@latest/rest) to get live release history, forks and starrers count. I think it adds a really nice touch to the site in general. |
| 39 | +- I've used [surge.sh](https://surge.sh) to deploy the draft site. I believe it's a really simple tool to have your site deployed within seconds! |
| 40 | + |
| 41 | +<center> |
| 42 | +<img alt"Github commit gif" src="github.png"/><br> |
| 43 | +<small class="muted">My github contribution chart is filling up!</small> |
| 44 | +</center> |
| 45 | + |
| 46 | +### What I've learnt |
| 47 | + |
| 48 | +Some say it's hard to learn through virtual internships. Well, let me prove you wrong. Here are my leanings in the past few weeks: |
| 49 | + |
| 50 | +- It's surprising how subjective (& yet objective) designing really is. |
| 51 | +- Vue.js is _fantastic_. Maybe I'm a Vue.js fan now. Should I remain loyal to React? I don't know. |
| 52 | +- Making a site responsive isn't the _easiest_ of tasks, but it's certainly doable after a lot of stretching & compressing; lets say that. |
| 53 | +- "Code formatting is essential" would be an _understatement_ to make. |
| 54 | +- Monorepo's have their own pro's and con's. But in our case the con's were negligible, thankfully! |
| 55 | +- I'll be following up with some performance & accessibility testing this coming week, so let's see how that plays out! |
| 56 | +- A mentor plays a vital role in any project. My mentor `@dhruvkb` has been very supportive and has made sure I stick to my timeline! |
| 57 | + |
| 58 | +### Other community work tidbits |
| 59 | + |
| 60 | +I believe apart from the internship work that I'm engaged in, I should also help around with some community PR work. I've been told I'm always welcome to, which is great! |
| 61 | + |
| 62 | +- I got the opportunity to speak at a CCOS event alongwith fellow speakers [dhruvkb](https://opensource.creativecommons.org/blog/authors/dhruvkb/) & [dhruvi16](https://opensource.creativecommons.org/blog/authors/dhruvi16/). I had a blast talking to budding students from DSC-IIT Surat & DSC-RIT. |
| 63 | +- The dark mode (as promised) should be out before my next blog post. |
| 64 | +- Deployed the vocabulary storybook on [Chromatic](https://chromatic.com) and compared & contrasted the pros & cons. Snapshot testing in the near future maybe? |
| 65 | +- Completed the hacktoberfest challenge. |
| 66 | + |
| 67 | +### Bonus content |
| 68 | +Not many of you may know this, but this site uses the [Lektor](https://getlektor.com) CMS. I needed to have it installed on my system (windows 10 OS) to run the code in our site repository. |
| 69 | +Lektor suggests running the following code in powershell as an installation step: |
| 70 | +```powershell |
| 71 | +(new-object net.webclient).DownloadString('https://www.getlektor.com/installer.py') | python |
| 72 | +``` |
| 73 | + |
| 74 | +I just didn't think this is a very elegant way. Being an ardent [chocolatey.org](chocolatey.org) fan, I just had to have it up on there! Now the installation step for lektor is simply: |
| 75 | + |
| 76 | +```powershell |
| 77 | +choco install lektor |
| 78 | +``` |
| 79 | +on the Windows PowerShell! |
| 80 | + |
| 81 | +Have a look at the package here: |
| 82 | + |
| 83 | +[https://chocolatey.org/packages/lektor](https://chocolatey.org/packages/lektor) |
| 84 | + |
| 85 | +<p align="center"> |
| 86 | + <strong>Thank you for your time! Stay put for the next Vocabulary site update!</strong> |
| 87 | +</p> |
0 commit comments