7-day longest streak
Hi there 👋 Nice to meet you, I'm Fionna, a software engineer who's been building for the web professionally since 2015. I started when IE8 was still being supported, working…
Hi there 👋
Nice to meet you, I'm Fionna, a software engineer who's been building for the web professionally since 2015.
I started when IE8 was still being supported, working with SASS, jQuery, SVN, gulp, and Sublime Text. Since then, I've worked with web components, TypeScript, Vaadin, Selenium, and Java Spring Boot on one project; Vue.js, styled-components, Jest, and Cypress on another. I've used design tools that are now irrelevant or shut down, like InVision, PhotoShop, and CSS sprites.
Today, I work with React, Next.js, Tailwind CSS, SCSS, TypeScript, Vitest, pnpm, and Claude Code.
In the AI era, this tool list matters less than it did five years ago. What matters now is returning to fundamentals: critical thinking, creativity, and quality judgment. The question isn't "what tools do you know?" but "what outcome are you looking for, and how do you guide AI to produce high-quality work?"
For me, the answer is to become an exceptional reviewer. By mastering quality assessment ("good taste"), whether it's your own work, your peers' work, or AI-generated output, you learn what separates good from poor quality. That skill lets you leverage any tool effectively and produce better work than ever before. That's what I'm focused on. :)
<!--
fionnachan/fionnachan is a ✨ _special_ ✨ repository because its README.md (this file) appears on your GitHub profile.
Here are some ideas to get you started:
- 🔭 I’m currently working on ...
- 🌱 I’m currently learning ...
- 👯 I’m looking to collaborate on ...
- 🤔 I’m looking for help with ...
- 💬 Ask me about ...
- 😄 Pronouns: ...
- ⚡ Fun fact: ...
-
arbitrum-token-bridge ★ PINNED ⑂
Token Bridge between ethereum and an ArbChain
TypeScript ★ 0 2y agoExplain → -
interface ★ PINNED ⑂
🦄 An open source interface for the Uniswap protocol
★ 0 4y agoExplain → -
countdownJS
Pure Javascript Countdown - supports IE9+
HTML ★ 15 3y agoExplain → -
algorand-wallet-walletconnect-redux
Redux Example: Connect to Algorand Wallet via WalletConnect
TypeScript ★ 13 4y agoExplain → -
fSlider
A light jQuery slider plugin
JavaScript ★ 11 9y agoExplain → -
wasabi
Interact with an ARC4 contract's methods using wasabi's UI.
TypeScript ★ 7 4y agoExplain → -
TextField-styled-component
An example for a TextField component with React and styled-components
JavaScript ★ 4 3y agoExplain → -
fifi-Slider
Supports IE10+. Pure JavaScript. Non-jQuery-dependent. CSS3 transition.
JavaScript ★ 2 9y agoExplain → -
form.js
Render a customized lead form at the client-side. IE9+
JavaScript ★ 2 9y agoExplain → -
Subscrypt
Subscrypt is a decentralised subscription service for creators and their supporters. Logo design, UI design, frontend development React+Redux, and Algorand smart contract in PyTeal by @fionnachan.
TypeScript ★ 1 4y agoExplain → -
gulp4-template
Gulp 4.0 + BrowserSync + SCSS
HTML ★ 1 8y agoExplain → -
fionnachan
No description.
★ 0 6mo agoExplain → -
web3-exercise
An exercise of using React + ethers + web3 to interact with smart contracts deployed on Ropsten testnet. The smart contracts are not written by me. *Please only test it on Ropsten testnet*
TypeScript ★ 0 4y agoExplain → -
synpress ⑂
Synpress is e2e testing framework based on Cypress.io and playwright with support for metamask.
★ 0 3y agoExplain → -
stylus-experiments
No description.
Rust ★ 0 1y agoExplain → -
chainlist ⑂
No description.
★ 0 1y agoExplain → -
stylus-contracts ⑂
No description.
★ 0 1y agoExplain → -
wc-test
No description.
TypeScript ★ 0 2y agoExplain → -
landing-page ⑂
No description.
★ 0 2y agoExplain → -
docs ⑂
No description.
★ 0 4y agoExplain → -
nitro-contracts ⑂
The core Arbitrum Nitro contracts deployed to the base chain to host the rollup
★ 0 1y agoExplain → -
safe-wallet-web ⑂
Safe{Wallet} – smart contract wallet for Ethereum (ex-Gnosis Safe multisig)
★ 0 2y agoExplain → -
arbitrum-orbit-sdk ⑂
No description.
★ 0 2y agoExplain → -
l2beat ⑂
L2BEAT is an analytics and research website about Ethereum layer two (L2) scaling solutions.
TypeScript ★ 0 2y agoExplain → -
nitro ⑂
Nitro goes vroom and fixes everything
★ 0 2y agoExplain → -
crawler
No description.
Dockerfile ★ 0 2y agoExplain → -
sscce-wagmi-wc-signer-provider
Short, Self Contained, Correct, Example of WAGMI WalletConnect Signer Provider Regression
TypeScript ★ 0 3y agoExplain → -
autodoc ⑂
Experimental toolkit for auto-generating codebase documentation using LLMs
★ 0 3y agoExplain → -
p5.js-Side-Scroller-Example ⑂
Just a starting base of GPT4 code for a side scroller in p5.js
JavaScript ★ 0 3y agoExplain → -
sscce-cypress-scroll-overflow
Short, Self Contained, Correct, Example of Cypress Scrolling Issue with Overflow Elements
JavaScript ★ 0 3y agoExplain → -
vite-algosdk
vite & js-algorand-sdk template
JavaScript ★ 0 4y agoExplain → -
ARC4-ERC20-ABI-DEMO ⑂
An ARC4 implementation of the ERC20 standard on the Algorand blockchai.n
★ 0 4y agoExplain → -
ARCs ⑂
Algorand Requests for Comments
★ 0 4y agoExplain → -
algosearch ⑂
Algorand (ALGO) Blockchain Explorer and Analytics platform.
Go ★ 0 4y agoExplain → -
algosearch-interface
Interface of AlgoSearch
TypeScript ★ 0 4y agoExplain → -
go-algorand ⑂
Algorand's official implementation in Go.
★ 0 4y agoExplain → -
js-algorand-sdk ⑂
The official JavaScript SDK for Algorand.
★ 0 3y agoExplain → -
walletconnect-example-dapp ⑂
Example WalletConnect Dapp on Android
★ 0 4y agoExplain → -
cezarx ⑂
No description.
★ 0 5y agoExplain → -
warsinhk ⑂
No description.
JavaScript ★ 0 6y agoExplain → -
district-councils-dashboard ⑂
No description.
★ 0 6y agoExplain → -
fionnachan.github.io
No description.
HTML ★ 0 7y agoExplain → -
ourland ⑂
No description.
JavaScript ★ 0 7y agoExplain → -
popupBox.js
An extremely simple modal box / lightbox / popup box. No dependency. Supports IE10+.
JavaScript ★ 0 10y agoExplain →
No repos match these filters.