Yifan Ai's Projects
💫 CLI tool for combining all PDF files in a directory into 1 PDF file 👉 sudo npm i -g 1pdf
6 ways to implement 3-Column layout
Drawing 🖋 with cursor or stylus using HTML (Canvas), CSS, JS. I made it for quick sketches when sharing screen during a virtual meeting.
My Angular app following the official tutorial
Demo blog using Python Django Wagtail
:bird: :zap: Bluebird is a full featured promise library with unmatched performance.
Checkboxes ✅ with customisable color, size, border radius and animation time
MD5 Hash cracker using Python, hashlib.
Django middleware ↔️ for setting a default language (by ignoring HTTP Accepted-Language header)
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
👨💼 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)
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.
URL fuzzing using Python, requests.
🏁 Library of responsive grid system with any of 1 to 12 columns 👉 npm i grilled
Commands to generate keys and decrypt a message using OpenSSL.
Commands to generate keys and encrypt a message using OpenSSL.
A clone of the built-in iOS Calculator APP for iPadOS, using SwiftUI
Smokeball JavaScript Coding Challenge
Password manager on command line using PHP, OpenSSL, PostgreSQL.
📦 Exporting all notes from macOS Notes App https://github.com/yifaneye/macos-notes-exporter/releases/download/v1.0/Notes.Exporter.app.zip
Simple ad blocker 🛑 Chrome Extension to help me learn more about ad blockers for my ethics seminar "Ads in Software".
📚 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.
✍️ Minimalistic note app on macOS menu bar using Swift. Open it with just one click.
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/
My presentation slides using fullpage.js and reveal.js
Simple, lightweight, dependency-free React modal component as a 🌌 transparent dark overlay 👉 npm i react-dark-modal
Carousel component 🎠🎠🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 👉 Live editor: https://yifanai.com/rgcd1
My study on React
My study notes on React, continued from my react-notes repo
React component with ripple effect when clicked or tapped 👉 npm i react-responsive-button