yifaneye/react-notes-2

Stars
1
Language
JavaScript
Created over 4 years ago
Updated over 4 years ago

yifaneye/react-notes-2

yifaneye

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

My study notes on React, continued from my react-notes repo

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

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.

django-default-language

Django middleware ↔️ for setting a default language (by ignoring HTTP Accepted-Language header)

simply-wall-st-stocks-page

The Grid, using TypeScript, React, styled-components, Jest and Cypress

1pdf

💫 CLI tool for combining all PDF files in a directory into 1 PDF file 👉 sudo npm i -g 1pdf

dental-clinic-chatbot

Chatbot 🤖 for dental clinic, using Python, Flask, Flask-RESTful, React, Docker and wit.ai.

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

chatbot-api

Hybrid chatbot 🤖, consisting of rule-based chat using Python, Flask, Flask-Restful, RiveScript and ML+NLP using Wit.ai for intent processing and APIs from OpenWeatherMap and Yelp

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.

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/

dental-clinic-chatbot-frontend

🤖 Frontend interface of Dental Clinic Chatbot using React, JSS, Material UI

keep

Password manager on command line using PHP, OpenSSL, PostgreSQL.

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)

grilled

🏁 Library of responsive grid system with any of 1 to 12 columns 👉 npm i grilled

oneClick

✍️ Minimalistic note app on macOS menu bar using Swift. Open it with just one click.

react-responsive-button

React component with ripple effect when clicked or tapped 👉 npm i react-responsive-button

urler

Short-lived URL shortener using Python, Flask, boto3, HTML, CSS, JS, Bootstrap, AWS Lambda, API Gateway, S3 👉 url.yifanai.com

react-dark-modal

Simple, lightweight, dependency-free React modal component as a 🌌 transparent dark overlay 👉 npm i react-dark-modal

dental-clinic-chatbot-api-flask

🐋 Dockerized chatbot service for 🤖 Dental Clinic Chatbot. It consumes dockerized dentist service and dockerized timeslot service.

how-to-encrypt

Commands to generate keys and encrypt a message using OpenSSL.

fuzzer

URL fuzzing using Python, requests.

presentation

My presentation slides using fullpage.js and reveal.js

how-to-decrypt

Commands to generate keys and decrypt a message using OpenSSL.

jobs-board-api

API using OpenAPI, swagger-py-codegen, Python, Flask, CSV, Docker

angular-online-store

My Angular app following the official tutorial

snake-paste

iOS clip board editor

compare-algorithms

This is my study, research and analysis on different security algorithms

dental-clinic-dentist-api-django

🐳 Dockerized dentist service using Python, Django, DRF, Docker and Docker Compose.

cafe-api

☕️ Cafe API using Python, Django and DRF.

big-blog

Demo blog using Python Django Wagtail

dungeon-game

dental-clinic-timeslot-api-django

🐳 Dockerized timeslot service using Python, Django, DRF, Docker and Docker Compose.

cracker

MD5 Hash cracker using Python, hashlib.

3-column-layout

6 ways to implement 3-Column layout

air-pen

Drawing 🖋 with cursor or stylus using HTML (Canvas), CSS, JS. I made it for quick sketches when sharing screen during a virtual meeting.

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.

dental-clinic-timeslot-api-flask

🐋 Dockerized timeslot service for 🤖 Dental Clinic Chatbot. It is consumed by dockerized chatbot service, along with dockerized dentist service.

dental-clinic-dentist-api-flask

🐋 Dockerized dentist service for 🤖 Dental Clinic Chatbot. It is consumed by dockerized chatbot service, along with dockerized timeslot service.

my-ad-blocker

Simple ad blocker 🛑 Chrome Extension to help me learn more about ad blockers for my ethics seminar "Ads in Software".

react-notes

My study on React