# :wave: \ :man_technologist: I am a Full Stack Software Engineer, specialise in web technologies. :computer: I love Information Technology and interested in researching on various new technologies. :keyboard: I started programming and build my first server when I am in primary school. :cloud: Private Cloud Service: Provide AI & Multi-Cloud Solutions for Personal Technical Users, Start-Ups and Small Businesses. (Coming Soon) ## :turtle: \ ```json { "name": "Jason", "gender": "male", "email": "nxu@nxu.biz", "website": "https://nxuweb.net", "github": "jasonfoknxu", "job": "Software Engineer & Researcher", "company": "m-Chinese Solution Limited", "location": "Hong Kong", "languages": ["Cantonese", "English", "zh-HK", "zh-Hant", "zh-Hans"], "education": ["Bachelor of Science in Computer Science", "Higher Diploma in Software Engineering"], "technologies": { "programming": ["TypeScript", "JavaScript", "C#", "Java", "VB.NET", "Python"], "backend": ["Node.js", "PHP", "Express", "Laravel"], "frontend": ["React.js", "Next.js", "jQuery", "CSS", "HTML", "Bootstrap", "MUI", "Chart.js", "Tailwind", "Sass/SCSS"], "database": ["MongoDB", "MariaDB", "MySQL", "PostgreSQL", "SQLite", "Mongoose", "Redis"], "other": ["Electron", "React Native", "Android", "WebSocket", "Unity", "ActionScript"], "server": ["Apache", "Nginx", "Caddy", "Linux", "Azure", "AWS", "Docker"], "devops": ["GitHub Actions", "Drone", "Docker Compose"] }, "hobbies": ["coding", "research on new techs", "learn new things about IT", "watching live stream", "listening to music"] } ``` ## :incoming_envelope: \ - Email: nxu@nxu.biz - LinkedIn: [jasonfoknxu](https://www.linkedin.com/in/jasonfoknxu) - Discord: NXU#6465 - WhatsApp/Signal/Telegram: [Hidden] ## :floppy_disk: \ - :briefcase: Now working in a **Edu-tech** company (Github: [@jasonfok-mlang](https://github.com/jasonfok-mlang)) - :school: Graduated in **Computer Science** [2020] & **Software Engineering** [2017] - :octocat: Repos usually push to my self-hosted git server, not active on GitHub before - :game_die: **Coding** is my hobby - :star2: Researching on :rocket: **new techs**, :robot: **ML/AI**, :bar_chart: **Data Analysis**, ... - :rainbow: Focus on **UX** and **UI** on most of the project - :thumbsup: Like & Support **FOSS** (Free and Open-Source Software) - :bulb: Various **ideas** and **plans** of new projects - :book: Always **keep learning** - :tv: Know a bit on **Multimedia Production** & **Content Creation** - :film_strip: Knowledge of **Video Editing** (*DaVinci Resolve/Premiere Pro*), **Visual Effects** (*After Effects*), **Image Editing** (*Photoshop*), **Vector Graphic** (*Illustrator/ Inkscape*), **Audio Processing** - :video_game: Like developing games more than playing games (Favourite Genre: Simulations, Sandboxing, Open World, Strategy, Turn-based, SRPG) - Dev History: Website & Flash Game :arrow_right: PC Software :arrow_right: Web App & System - Familiar with **Traditional Chinese** & **Simplified Chinese** - Native speaker of **Cantonese** - Help translating software to Traditional Chinese from English/Simplified Chinese - Start providing free web services from 2014 - Cooperated with live streamer - Owner of an online shop: [foobar.store](https://foobar.store) - Founder/Admin of [nxu.biz](https://nxu.biz) (A website to provide services, tools and software for everyone. Will be revamped and merged to new service.) - Founder/Admin of [YUKARI FAN CLUB](https://yukari.top) (A fan club of Xiao Yuan, a singer/live streamer in China) - Previous have an online shop with my own developed system [NXUShop](https://shop.nxuweb.net) [2015 - 2017] - Experience in writing tech gadgets reviews & unboxing on my blog [NXUTech](https://tech.nxuweb.net) [2013 - 2016] - Experience in writing tech news on my blog [NXUNews](https://news.nxuweb.net) [2011 - 2013] ## :abacus: \ | | | | | | | | |----------------------------:|:---------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------------:|:------------------------------------------------------------------------------:|:----------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------------------------------------------------------------------------:| | :hash: *Language* | [![TypeScript](/icons/typescript.png)](https://www.typescriptlang.org/)
TypeScript | [![JavaScript](/icons/javascript.png)](https://www.ecma-international.org/)
JavaScript | [![C#](/icons/csharp.png)](https://learn.microsoft.com/dotnet/csharp/)
C# | [![Java](/icons/java.png)](https://www.java.com/)
Java | [![Visual Basic](/icons/visualstudio.png)](https://learn.microsoft.com/dotnet/visual-basic/)
VB.NET | [![Python](/icons/python.png)](https://www.python.org/)
Python | | :gear: *Backend* | [![Node.js](/icons/nodejs.png)](https://nodejs.org/)
Node.js | [![PHP](/icons/php.png)](https://www.php.net/)
PHP | [![Express.js](/icons/express.png)](https://expressjs.com/)
Express | [![Lavarel](/icons/laravel.png)](https://laravel.com/)
Laravel | | | | :framed_picture: *Frontend* | [![React.js](/icons/react.png)](https://reactjs.org/)
React.js | [![Next.js](/icons/nextjs.png)](https://nextjs.org/)
Next.js | [![jQuery](/icons/jquery.png)](https://jquery.com/)
jQuery | [![HTML](/icons/html5.png)](https://www.w3.org/html/)
HTML | | | | :art: *UI / Styling* | [![Bootstrap](/icons/bootstrap.png)](https://getbootstrap.com/)
Bootstrap | [![Material UI](/icons/mui.png)](https://mui.com/)
MUI | [![Chart.js](/icons/chartjs.png)](https://www.chartjs.org/)
Chart.js | [![tailwindcss](/icons/tailwindcss.png)](https://tailwindcss.com/)
Tailwind | [![SASS](/icons/sass.png)](https://sass-lang.com/)
Sass/SCSS | [![CSS](/icons/css3.png)](https://www.w3.org/CSS/)
CSS | | :card_file_box: *Database* | [![Mongo DB](/icons/mongodb.png)](https://www.mongodb.com/)
MongoDB | [![MariaDB](/icons/mariadb.png)](https://mariadb.org/)
MariaDB | [![MySQL](/icons/mysql.png)](https://www.mysql.com/)
MySQL | [![PostgreSQL](/icons/postgresql.png)](https://www.postgresql.org/)
PostgreSQL | [![SQLite](/icons/sqlite.png)](https://www.sqlite.org/)
SQLite | [![Mongoose](/icons/mongoose.png)](https://mongoosejs.com/)
Mongoose | | :minidisc: *Other* | [![Electron](/icons/electron.png)](https://www.electronjs.org/)
Electron | [![React Native](/icons/react.png)](https://reactnative.dev/)
React Native | [![Android](/icons/android.png)](https://www.android.com/)
Android | [![WebSocket](/icons/websocket.png)](https://websockets.spec.whatwg.org/)
WebSocket | [![Unity](/icons/unity.png)](https://unity.com/)
Unity | [![ActionScript](/icons/actionscript.png)](https://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/index.html)
ActionScript | | :cloud: *Server* | [![Apache](/icons/apache.png)](https://httpd.apache.org/)
Apache | [![Nginx](/icons/nginx.png)](https://www.nginx.com/)
Nginx | [![Linux](/icons/linux.png)](https://www.linuxfoundation.org/)
Linux | [![Microsoft Azure](/icons/azure.png)](https://azure.microsoft.com/)
Azure | [![Amazon Web Services](/icons/aws.png)](https://aws.amazon.com/)
AWS | [![Docker](/icons/docker.png)](https://www.docker.com/)
Docker | > and my skill set is keep extending... ### Extra Experience - **DevOps & CI/CD**: GitHub Actions, Drone, Docker / Docker Compose, Git, Jira - **Testing**: Jest, Selenium, JUnit - **Auth**: JWT, Bearer, Session (PHP), TOTP - **CMS**: WordPress, Discuz! - **Chatbot**: Discord, Telegram, QQ, ChatGPT ## :books: \ > The projects are listed on my personal website: [NXUweb](https://www.nxuweb.net/) (:construction: Update later) --- ## :trophy: \ - 2007 \- Start creating websites & studying web tech (HTML, JavaScript, CSS) - 2008 \- Learn my first programming language `Visual Basic 6.0` - 2009 \- Created my first flash game with ActionScript ~ `NXUTD`, a Tower Defense game └── ![NXUTD](images/nxutd_thumb.png) - 2009 \- Own my first server - 2010 \- Own my first domain `nxuweb.net` - 2011 \- Set up `NXUNews` and start posting technology news and reviews └── ![NXUNews](images/nxunews_thumb.png) - 2013 \- `NXUNews`/`NXUweb` achieved Hong Kong ranking `1,208` & `286,981` in global ranking (Alexa Rank) └── ![NXUweb Alexa Rank](images/nxuweb-alexa-rank-2013-02-25.png) - 2013 \- Developed `NXUTech.` to replace *NXUNews*, focus on reviewing, testing, unboxing and analysis of IT gadgets └── ![NXUTech.](images/nxutech_thumb.png) - 2014 \- Launched `nxu.biz`, provided free software solution to maximize the efficiency of daily work └── ![nxu.biz](images/nxu-biz_logo.png) - 2014 \- Released my first web application `BitXByteConverter` └── ![BitXByteConverter](images/bxbc_thumb.png) - 2015 \- Established `NXUShop` for selling gadgets, toys, gifts (File-base online shop system) └── ![NXUShop](images/nxushop_thumb.png) - 2015 \- Introduced `Smart Intelligence Engine`, an intelligent problem-solving tool - 2017 \- Graduated with Higher Diploma in `Software Engineering` - 2017 \- Founded `YUKARI FAN CLUB` (YFC), a fan club of a singer/live streamer └── ![YUKARI FAN CLUB](images/yfc_logo.png) - 2018 \- Launched `YUKARI DASHBOARD`, the data analysis platform of YFC └── ![YUKARI DASHBOARD](images/yukari-dashboard_thumb.png) - 2019 \- Developed `YFC Admin Management System`, a multi-functional real-time data collection, management, analysis, visualization platform of YFC └── ![YUKARI FAN CLUB Admin Management System](images/yukari-fan-club-backend.png) - 2019 \- Became a staff member of `Yukari World`, a live concert activity └── ![Yukari World](images/yukari-world_logo.png) - 2020 \- Released `Xiang AI chatbot`, the chatbot of YFC - 2020 \- Graduated with BSc in `Computer Science` - 2021 \- Joined m-Chinese Solution Limited as `Software Engineer` - 2023 \- Established a online shop `foobar.store` └── ![foobar.store](images/foobar.store_logo.png) --- ## :cd: \ - IDE: [Visual Studio Code](https://code.visualstudio.com), [WebStorm / PhpStorm](https://www.jetbrains.com) - SSH Client: [Royal TSX](https://royalapps.com/ts/), [MobaXterm](https://mobaxterm.mobatek.net) - Text Editor: [CotEditor](https://coteditor.com/), [Notepad++](https://notepad-plus-plus.org/) - Remote Access: [RustDesk](https://rustdesk.com), [TeamViewer](https://www.teamviewer.com/) - Video Editor: [DaVinci Resolve](https://www.blackmagicdesign.com/products/davinciresolve), [Premiere Pro](https://www.adobe.com/products/premiere.html), [After Effects](https://www.adobe.com/products/aftereffects.html) - Web Browser: [Google Chrome](https://www.google.com/chrome/), [Firefox](https://www.mozilla.org/firefox/), [Microsoft Edge](https://www.microsoft.com/edge/) ## :desktop_computer: \ #### Server - Home Lab Server (UNRAID, Xeon E5-2690v3, X99, 256GB RAM, GTX970) - WEB & DATABASE (Debian, Core i3-8100, Q370, 16GB RAM) - VM Server (Proxmox VE, Core i7-2600K, P67, 20GB RAM) #### Workstation / PC - MAC Studio (macOS, M1 MAX, 64GB RAM) - Workstation 2022 (Windows 10, Ryzen 9 5950X, X570, 128GB RAM, RTX 3060 Ti) - PC2 (Manjaro & Windows 10, Core i5-8400, H310, 16GB RAM) - Work PC (Windows 11, Core i5-13600K, B660, 32GB RAM) #### NAS - Synology DS918+ - QNAP TS-831X - Custom NAS (openmediavault, Celeron J3160, 8GB RAM) #### Laptop / Tablet - iPad mini 6 - Chromebook Spin 714 (Chrome OS, Core i5-1235U, 8GB RAM) - Thinkpad T460p (Manjaro, Core i7-6820HQ, 16GB RAM, 940MX)