Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chanmeng666/chanmeng666
https://github.com/chanmeng666/chanmeng666
Last synced: 6 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/chanmeng666/chanmeng666
- Owner: ChanMeng666
- Created: 2024-07-12T05:52:19.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-02T00:01:36.000Z (13 days ago)
- Last Synced: 2024-11-02T00:24:31.826Z (13 days ago)
- Homepage: https://github.com/ChanMeng666
- Size: 122 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Hi 👋🏻, I'm Chan Meng
🌿 A minimalist
➖ Subtraction for life
➕ Addition for thought
My Promise
``` java
if (codeWorking) {
while (codeQuality < perfectCode) {
codeQuality++;
}
}
```## Creation 👩💻
### Personal Portfolio Website
[3D Portfolio](https://chanmeng.live/) is an immersive portfolio built with React.js and Three.js, featuring interactive 3D elements, Framer Motion animations, and responsive TailwindCSS design. Includes custom 3D models and dynamic content sections to showcase full-stack development skills.### CORDE Mobile - Field Operations Management Application
[CORDE Mobile](https://corde-mobile-application-4yw7mtt.gamma.site/) is an enterprise-grade React Native application that I independently developed for [CORDE](https://corde.nz/), a professional civil maintenance company in New Zealand. As the sole front-end developer, I designed and implemented the complete solution including UI/UX, SQLite database architecture, and core functionalities. Built with React Native 0.74.2 and TypeScript, the app features an offline-first architecture with local SQLite storage, GPS integration, photo capture capabilities, and intelligent background synchronization. I crafted the user interface using Native Base components with dark/light themes, while implementing comprehensive data management systems for work orders, asset tracking, and service agreements. Beyond front-end development, I contributed to backend API integration and established frontend-backend communication protocols. The project successfully transformed CORDE's field operations by providing their maintenance teams with a reliable mobile solution for data collection and synchronization, significantly improving their operational efficiency.### Minimalist Living Platform
[Minimalist Living](https://minimalist-good-post.vercel.app) is a lifestyle blog platform built with Docusaurus 3.5.2 and React 18. Features Three.js space visualization, full-text search, and mobile-first responsive design with dark/light modes.### FriendScope - Scientific Friendship Assessment Tool
[FriendScope](https://friendscope.vercel.app/) is a modern web application built with Next.js and TypeScript that scientifically evaluates friendships. Featuring elegant animations, interactive visualizations, and privacy-focused data storage, it helps users understand and strengthen their relationships through personalized insights.### Journey of Reincarnation
[Journey of Reincarnation](https://journey-of-reincarnation2.vercel.app) is a Next.js 14 application simulating reincarnation experiences through interactive maps and statistics. Features bilingual support, dynamic dashboards using Chart.js, and Framer Motion animations.### GitHub Profile README Template
[GitHub Profile README Template](https://github.com/ChanMeng666/ChanMeng666) combines visual aesthetics with technical documentation. Features custom shields.io badges, GitHub statistics, and animated SVG workflows for showcasing developer achievements.### AgriHire Solutions - Equipment and Order Management System
[AgriHire Solutions](https://agrihireaq.pythonanywhere.com/) is a Flask-based equipment rental management system. Features real-time availability tracking, multi-store management, and ECharts analytics dashboards. Includes geolocation store finding and dynamic pricing systems.### Swimming Club Management System (SCMS)
[The Swimming Club Management System](https://countryside-community-sw-6wqr4e1.gamma.site/) is a Flask application for managing swimming club operations. Features role-based access, class booking, attendance tracking, and membership management with Bootstrap frontend.### MNIST Neural Network Analysis Project
[The MNIST Neural Network Analysis Project](https://github.com/ChanMeng666/MNIST-Handwritten-Digit-Recognition-Project/blob/main/hand-written-digit-recognition_final.ipynb) compares three neural network architectures for digit recognition, achieving up to 99.71% accuracy. Built with TensorFlow/Keras and scikit-learn.### Celestial Brick Breaker
[Celestial Brick Breaker](https://chanmeng666.github.io/html-brick-game/) is a modern brick breaker game built with vanilla JavaScript and HTML5 Canvas. Features particle effects, SVG graphics, and responsive design.
... working on more projects 😉## Tech Stack 💻
### Web Development
#### Languages
![JavaScript](https://img.shields.io/badge/-JavaScript-000?style=for-the-badge&logo=javascript)
![TypeScript](https://img.shields.io/badge/-TypeScript-000?style=for-the-badge&logo=typescript)
![Python](https://img.shields.io/badge/python-000?style=for-the-badge&logo=python)
![Java](https://img.shields.io/badge/-Java-000?style=for-the-badge&logo=java&logoColor=007396)
![CSS3](https://img.shields.io/badge/-CSS3-000?style=for-the-badge&logo=css3&logoColor=1572B6)
![HTML5](https://img.shields.io/badge/-HTML5-000?style=for-the-badge&logo=html5)
![Markdown](https://img.shields.io/badge/-Markdown-000?style=for-the-badge&logo=markdown)#### Frontend Libraries/Frameworks
![React](https://img.shields.io/badge/-ReactJS-000?style=for-the-badge&logo=react)
![Angular](https://img.shields.io/badge/-AngularJS-000?style=for-the-badge&logo=angular&logoColor=DD0031)
![jQuery](https://img.shields.io/badge/-jQuery-000?style=for-the-badge&logo=jquery&logoColor=0769AD)
![Next JS](https://img.shields.io/badge/-NextJS-000?style=for-the-badge&logo=next.js)
![Threejs](https://img.shields.io/badge/-ThreeJS-000?style=for-the-badge&logo=three.js)
![SASS](https://img.shields.io/badge/-SASS-000?style=for-the-badge&logo=sass)
![TailwindCSS](https://img.shields.io/badge/-TailwindCSS-000?style=for-the-badge&logo=tailwind-css)
![Layui](https://img.shields.io/badge/-Layui-000?style=for-the-badge&logo=layui&logoColor=029688)
![Native Base](https://img.shields.io/badge/-Native%20Base-000.svg?style=for-the-badge&logo=nativebase)
![React Native Elements](https://img.shields.io/badge/-React%20Native%20Elements-000.svg?style=for-the-badge&logo=react)
![GSAP](https://img.shields.io/badge/-GSAP-000?style=for-the-badge&logo=greensock&logoColor=FFFFFF)
![Framer Motion](https://img.shields.io/badge/-Framer%20Motion-000?style=for-the-badge&logo=framer&logoColor=0055FF)#### Mobile Development
![Android Native](https://img.shields.io/badge/-Android%20Native-000?style=for-the-badge&logo=android)
![iOS Development](https://img.shields.io/badge/-iOS%20Development-000000?style=for-the-badge&logo=apple)
![React Native](https://img.shields.io/badge/-React%20Native-000?style=for-the-badge&logo=react)#### Backend Technologies
![NodeJS](https://img.shields.io/badge/-NodeJS-000?style=for-the-badge&logo=node.js&logoColor=pink)
![Express.js](https://img.shields.io/badge/-ExpressJS-000?style=for-the-badge&logo=express)
![Flask](https://img.shields.io/badge/-Flask-000000?style=for-the-badge&logo=flask)
![API](https://img.shields.io/badge/-API-000?style=for-the-badge&logo=fastapi)
![APIfox](https://img.shields.io/badge/-Apifox-000?style=for-the-badge&logo=apifox)#### CSS Pre-processors/Frameworks
![Bootstrap](https://img.shields.io/badge/-Bootstrap-000?style=for-the-badge&logo=bootstrap)
![SASS](https://img.shields.io/badge/-SASS-000?style=for-the-badge&logo=sass)### Design and Visualization
#### UI/UX & Graphic Design Tools
![Figma](https://img.shields.io/badge/-Figma-000?style=for-the-badge&logo=figma)
![Framer](https://img.shields.io/badge/-Framer%20Motion-000?style=for-the-badge&logo=framer&logoColor=0055FF)
![Git](https://img.shields.io/badge/-Git-000?style=for-the-badge&logo=git)
![Canva](https://img.shields.io/badge/-Canva-000?style=for-the-badge&logo=canva)
![Adobe After Effects](https://img.shields.io/badge/-Adobe%20After%20Effects-000?style=for-the-badge&logo=Adobe%20After%20Effects)
![Adobe Premiere Pro](https://img.shields.io/badge/Adobe%20Premiere%20Pro-000?style=for-the-badge&logo=Adobe%20Premiere%20Pro)
![Adobe Audition](https://img.shields.io/badge/-Adobe%20Audition-000.svg?style=for-the-badge&logo=adobe-audition)
![Balsamiq](https://img.shields.io/badge/-Balsamiq-000?style=for-the-badge&logo=balsamiq)
![Lucidchart](https://img.shields.io/badge/-Lucidchart-000?style=for-the-badge&logo=lucidchart)
![XMind](https://img.shields.io/badge/-XMind-000.svg?style=for-the-badge&logo=xmind)
![Roadmap](https://img.shields.io/badge/-Roadmap-000.svg?style=for-the-badge&logo=roadmap)#### Interactive UI Components
![React Navigation](https://img.shields.io/badge/-React%20Navigation-000?style=for-the-badge&logo=react)
![Driver.js](https://img.shields.io/badge/-Driver.js-000?style=for-the-badge&logo=driver.js)#### Data Visualization
![ECharts](https://img.shields.io/badge/-ECharts-000?style=for-the-badge&logo=apacheecharts&logoColor=aa344d)
![Chart.js](https://img.shields.io/badge/-Chart.js-000?style=for-the-badge&logo=chart.js&logoColor=FF6384)### Database Management
#### Databases
![MongoDB](https://img.shields.io/badge/-MongoDB-000?style=for-the-badge&logo=mongodb)
![MySQL](https://img.shields.io/badge/-MySQL-000?style=for-the-badge&logo=mysql&logoColor=FFFFFF)
![SQLite](https://img.shields.io/badge/-SQLite-000?style=for-the-badge&logo=sqlite&logoColor=005870)
![Supabase](https://img.shields.io/badge/-Supabase-000?style=for-the-badge&logo=supabase&logoColor=3ECF8E)#### Database Tools
![Navicat](https://img.shields.io/badge/-Navicat-000?style=for-the-badge&logo=navicat)### Development Environment and Tools
#### Code Editors
![Android Studio](https://img.shields.io/badge/Android%20Studio-000.svg?style=for-the-badge&logo=android-studio)
![IntelliJ IDEA](https://img.shields.io/badge/IntelliJIDEA-000000.svg?style=for-the-badge&logo=intellij-idea&logoColor=CF5CFF)
![PyCharm](https://img.shields.io/badge/PyCharm-000?style=for-the-badge&logo=pycharm&logoColor=2ECC71)
![WebStorm](https://img.shields.io/badge/WebStorm-000.svg?style=for-the-badge&logo=webstorm&logoColor=32D1FF)
![DataSpell](https://img.shields.io/badge/DataSpell-000000?style=for-the-badge&logo=jetbrains&logoColor=F00B0B)
![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-000.svg?style=for-the-badge&logo=visual-studio-code&logoColor=007ACC)
![Visual Studio](https://img.shields.io/badge/Visual%20Studio-000.svg?style=for-the-badge&logo=visual-studio&logoColor=007ACC)#### Notebook and Scripting Tools
![Jupyter Notebook](https://img.shields.io/badge/-Jupyter%20Notebook-000.svg?style=for-the-badge&logo=jupyter)### Web Hosting and Deployment
#### Hosting Services
![Vercel](https://img.shields.io/badge/-Vercel-000?style=for-the-badge&logo=vercel)
![GitHub Pages](https://img.shields.io/badge/-GitHub%20Pages-000?style=for-the-badge&logo=github)
![PythonAnywhere](https://img.shields.io/badge/-PythonAnywhere-000?style=for-the-badge&logo=python)
![AWS Lightsail](https://img.shields.io/badge/-AWS%20Lightsail-000?style=for-the-badge&logo=amazon-web-services&logoColor=FF9900)#### CI/CD Tools
![CircleCI](https://img.shields.io/badge/-circle%20ci-000?style=for-the-badge&logo=circleci&logoColor=505050)
![GitHub Actions](https://img.shields.io/badge/-github%20actions-000?style=for-the-badge&logo=githubactions)
![Azure DevOps](https://img.shields.io/badge/-Azure%20DevOps-000?style=for-the-badge&logo=azure-devops&logoColor=0078D4)### Project Management and Collaboration
#### Project Management Tools
![Jira](https://img.shields.io/badge/-Jira-000?style=for-the-badge&logo=jira&logoColor=0052CC)
![Docusaurus](https://img.shields.io/badge/-Docusaurus-000?style=for-the-badge&logo=docusaurus)
![Miro](https://img.shields.io/badge/-Miro-000?style=for-the-badge&logo=miro&logoColor=yellow)
![Atlassian](https://img.shields.io/badge/-Atlassian-000?style=for-the-badge&logo=atlassian&logoColor=0052CC)#### Communication Tools
![Zoom](https://img.shields.io/badge/-Zoom-000?style=for-the-badge&logo=zoom&logoColor=4BA3FF)
![Microsoft Teams](https://img.shields.io/badge/-Microsoft%20Teams-000?style=for-the-badge&logo=teams&logoColor=6264A7)### Operating Systems and Platforms
![Linux](https://img.shields.io/badge/-Linux-000?style=for-the-badge&logo=linux)
![Ubuntu](https://img.shields.io/badge/-Ubuntu-000?style=for-the-badge&logo=ubuntu)
![macOS](https://img.shields.io/badge/-macOS-000?style=for-the-badge&logo=apple)
![Windows](https://img.shields.io/badge/-Windows-000?style=for-the-badge&logo=windows)### Email Services
![SMTP](https://img.shields.io/badge/-SMTP-000?style=for-the-badge)
![SendGrid](https://img.shields.io/badge/-SendGrid-000?style=for-the-badge&logo=sendgrid)### Tools and Utilities
#### Package Managers
![NPM](https://img.shields.io/badge/-NPM-000?style=for-the-badge&logo=npm)
![Yarn](https://img.shields.io/badge/-yarn-000?style=for-the-badge&logo=yarn)#### Other Utilities
![SDKMAN](https://img.shields.io/badge/-SDKMAN-000?style=for-the-badge&logo=SDKMAN)
![nvm](https://img.shields.io/badge/-nvm-000?style=for-the-badge&logo=node.js)
![Leaflet](https://img.shields.io/badge/-Leaflet-000?style=for-the-badge&logo=leaflet&logoColor=199900)
![FullCalendar](https://img.shields.io/badge/-FullCalendar-000?style=for-the-badge&logo=fullcalendar)
![Vite](https://img.shields.io/badge/-Vite-000?style=for-the-badge&logo=vite)
![Pygame](https://img.shields.io/badge/-Pygame-000000.svg?style=for-the-badge&logo=pygame)### Version Control
![Git](https://img.shields.io/badge/-Git-000?style=for-the-badge&logo=git)
![GitHub](https://img.shields.io/badge/-GitHub-000?style=for-the-badge&logo=github)## GitHub Stats 📊
![Stats](https://github-readme-stats.vercel.app/api?username=ChanMeng666&show_icons=true&hide_border=false&theme=jolly&count_private=true&include_all_commits=true)
![Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=ChanMeng666&show_icons=true&hide_border=false&theme=jolly&count_private=true&include_all_commits=true&layout=compact)
> Check Commits below, GitHub stats are sometimes inaccurate due to caching.## GitHub Streaks 🔥
## GitHub Trophies 🏆
![Trophies](https://github-profile-trophy.vercel.app/?username=ChanMeng666&theme=dracula)### Thanks for Visiting my GitHub Profile!
---
### Random Dev Quote ✍️
### Top Contributed Repo 🔝
![](https://github-contributor-stats.vercel.app/api?username=ChanMeng666&limit=5&theme=jolly&combine_all_yearly_contributions=true)
[![ProfileViews](https://visitcount.itsvg.in/api?id=ChanMeng666&label=Profile%20Views&pretty=true)](https://visitcount.itsvg.in)