Claire

{{ menu.text }}

Site under maintenance — some content is being updated and may not be complete yet.

Skills I can provides

My Skills

Full Stack Development

Experienced in React, Next.js, Node.js, Express.js, and databases (MySQL, MongoDB) to build scalable web applications. Proficient in Git, Docker, and CI/CD pipelines (GitHub Actions, Azure DevOps) for efficient development workflows.

Data Analytics & Visualization

Skilled in Power BI, Tableau, SQL, Pandas, and NumPy to analyze data and create interactive dashboards. Experienced in text classification, clustering, and geospatial analysis for data-driven decision-making.

Design

Combining visual design and front-end development, I create intuitive, accessible user interfaces. Proficient in Figma, Adobe Creative Suite, and D3.js for UX research and interactive design.

Frontend

Backend

Design

Others

My Jobs

My Projects

Thumbnail [100%x225]

Analytics Dashboard

Frontend: React

Backend: Express

Database: MongoDB

Source Code

KOII Website

Frontend: React

Link

Thumbnail [100%x225]

Album management app

express

Source Code

Thumbnail [100%x225]

Weather App

This weather app provides current weather details by city, dynamically updates the user interface based on weather conditions.

Demo Source Code

Thumbnail [100%x225]

E- commerce

Frontend: Next.js

Database: MongoDB

Source Code

Thumbnail [100%x225]

React Native Application

React Native

Source Code

Thumbnail [100%x225]

Halifax BusTracker

This bus tracker app provides real-time updates on bus locations using Leaflet.js, asynchronous JavaScript (fetch API).

Technologies:
Leaflet.js for interactive maps
GeoJSON for spatial data representation

Demo Source Code

Thumbnail [100%x225]

Video player converter application

Electron

Source Code

Thumbnail [100%x225]

Chatroom

SocketIO

Source Code

Thumbnail [100%x225]

Three in a Row Game

Frontend: HTML, CSS, JavaScript

Fetch API

Demo Source Code

Thumbnail [100%x225]

MERN stack web application

The Camera Master Store is a dynamic camera store website that enhances user experience in discovering, searching, and managing camera information

Technologies:
Node.js and Express.js
MongoDB with Mongoose
React.js

Thumbnail [100%x225]

Data information visualization

Illustrator/Tableau

Thumbnail [100%x225]

Analytics Dashboard

Figma

React

Backend: Express

Database: MongoDB

Source Code

Thumbnail [100%x225]

BBC Learning English Visual Style Guide

Figma

Thumbnail [100%x225]

The concept of Sign Design

Adobe cc

--> -->

Thumbnail [100%x225]

Call Center Dashboard-Power BI

BI & Data Visualization: Power BI, DAX

Database & Data Processing: SQL, ETL

Power BI

Thumbnail [100%x225]

M-Commerce Analytics Dashboard

Frontend: React.js, Recharts (D3.js)

Backend: Node.js, Express.js

Data Analytics & Tracking: Google Analytics

Authentication & Security: JWT, NextAuth.js

Source Code

Thumbnail [100%x225]

Halifax BusTracker

Frontend: JavaScript, Leaflet.js

Mapping & Data Visualization: OpenStreetMap API, GeoJSON

Real-Time Data Handling: Fetch API, setInterval (Polling)

Demo Source Code

Thumbnail [100%x225]

Research Paper Text Classification & Clustering

Programming Language: Python

NLP & Feature Extraction: TF-IDF, BOW, Word Embeddings, LDA

Machine Learning: Naïve Bayes, SVM, Random Forest

Clustering: K-Means, Hierarchical Clustering, EM

Source Code

Data info design

Data information visualization

Illustrator/Tableau

GET IN TOUCH

Contact Me

Send me an email

Project Image

Technologies:

Xinping Wang

© 2023 Copyright: claire-xinping.com