Yifan Ai's repositories
react-gallery-carousel
Carousel component 🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 💻 Live editor: https://yifanai.com/rgcd1
macos-notes-exporter
📦 Exporting all notes from macOS Notes App https://github.com/yifaneye/macos-notes-exporter/releases/download/v1.0/Notes.Exporter.app.zip
checkboxes
Checkboxes ☑️ with customisable color, size, border radius and animation time
django-default-language
Django middleware ↔️ for setting a default language (by ignoring HTTP Accepted-Language header)
facebook-friends-adder
Script for automatically adding friends 👥 on the new Facebook interface. 👉 For ease of use, my Chrome Extension (https://yifanai.com/ffa) is made for everyone.
simply-wall-st-stocks-page
The Grid, using TypeScript, React, styled-components, Jest and Cypress
django-referer
Django app for providing different contexts 💁♀️ based on a well-kept query parameter using Python and Django (middleware and context processor). 👉 pip install django-referer
personal-website
My personal website using React and styled-components. I used grids from my 'grilled' package. I handcrafted a carousel component with modal and lazy loading, which I went on to create react-gallery-carousel. My current website is still at https://yifanai.com/
residential-tenancy-agreement-clone
📋 Clone of Residential tenancy agreement from Fair Trading NSW using HTML and CSS (with flexbox), which marks the beginning of my journey on web development in 2019.
django-sales
👨💼 Django app for displaying referer details based on query parameter and cookie. 👉 pip install django-sales (Please also see https://github.com/yifaneye/django-referer for achieving the same without the use of cookie)
react-dark-modal
Simple, lightweight, dependency-free React modal component as a 🌌 transparent dark overlay 👉 npm i react-dark-modal
react-responsive-button
React component with ripple effect when clicked or tapped 👉 npm i react-responsive-button
3-column-layout
6 ways to implement 3-Column layout
ios-calculator-clone-for-ipados
A clone of the built-in iOS Calculator APP for iPadOS, using SwiftUI
javascript-developer-test
Smokeball JavaScript Coding Challenge
my-ad-blocker
Simple ad blocker 🛑 Chrome Extension to help me learn more about ad blockers for my ethics seminar "Ads in Software".
node-express-notes
📚 My study notes on creating API with Node.js, Express.js and MongoDB. Previously, I extensively rely on Django-REST-framework and Flask-Restful. Now, I want to try Node.js, since the frontend is mostly in JS, so that I don't have to jump between different grammar and syntax.
presentation
My presentation slides using fullpage.js and reveal.js
snake-paste
iOS clip board editor
webpack-bundle-tracker
Remove old Webpack bundles and spit out some stats about webpack compilation process to a file. 👉 npm i -D @yifanai/webpack-bundle-tracker
bluebird
:bird: :zap: Bluebird is a full featured promise library with unmatched performance.