Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chanmeng666/chanmeng666


https://github.com/chanmeng666/chanmeng666

Last synced: 6 days ago
JSON representation

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 Logo Personal Portfolio Website Repository Link
[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 Logo CORDE Mobile - Field Operations Management Application Repository Link
[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 Logo Minimalist Living Platform Repository Link
[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 Logo FriendScope - Scientific Friendship Assessment Tool Repository Link
[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 Logo Journey of Reincarnation Repository Link
[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.

### Profile README Template GitHub Profile README Template Repository Link
[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 Logo AgriHire Solutions - Equipment and Order Management System Repository Link
[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 Logo Swimming Club Management System (SCMS) Repository Link
[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.

### Kaggle Logo MNIST Neural Network Analysis Project Repository Link
[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.

### Brick Breaker Logo Celestial Brick Breaker Repository Link
[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 🔥


Streaks
a cat is looking computer

## GitHub Trophies 🏆
![Trophies](https://github-profile-trophy.vercel.app/?username=ChanMeng666&theme=dracula)

### Thanks for Visiting my GitHub Profile!

---

### Random Dev Quote ✍️


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)