Code Monkey home page Code Monkey logo

Wenxuan Pan 👩‍💻

LinkedIn

About Me

👋 Hello! I'm Wen/Amy, a web developer deeply enthusiastic about the ever-changing landscape of technology. My passion lies in coding and creating accessible web applications that solve real-world problems.

🛠️ Technologies & Tools

I'm equipped with:

Frontend Skills

Backend & Database Skills

I'm planning to learn:

learning Skills

Other things I'm interested in:

  • Web Accessibility
  • UX Design (Figma Prototyping)
  • Internalisation & Localisation
  • AI

📦 Projects

Code Sharing Platform (Team Project)

Repository

  • Tech Stack: Next.js, TypeScript, Tailwind CSS, Convex, Descope Auth
  • A platform for developers to share their work and provide peer feedback.
Tailwind Color Contrast Checker

Deployed Page

  • Tech Stack: React, Tailwind CSS, Typescript
  • A simple tool that lets you check Tailwind CSS color contrasts for WCAG compliance.
Task Hatch

Repository

  • Tech Stack: MERN (MongoDB, Express.js, React, Node.js), Tailwind CSS, Typescript
  • Advanced Task Management Features: Engineered a variety of features including task addition, modification, deletion, progress tracking, and filtering capabilities. Integrated reminders and snooze functions to enhance user productivity, along with a unique 'Random Task Draw' feature for prioritizing tasks dynamically.
  • Data Persistence and API Design: Developed a robust backend with Node.js and Express.js, coupled with MongoDB for data persistence, ensuring reliable storage and retrieval of task data. Designed and tested RESTful APIs with Postman, ensuring smooth communication between the frontend and backend and a seamless user experience.
Digital Yearbook (Team Project)

Repository

  • Tech Stack: Utilizes React and React-Bootstrap with React Router for frontend, managing global state through React's Context API.
  • Employs JWT tokens for secure authentication, with async API calls to fetch and manage school data.
  • Features a scalable, modular frontend architecture for easy feature and route expansion.
Cat Diet API

Repository

  • Tech Stack: Python (Flask), PostgreSQL
  • Created a REST API to assist cat owners in managing their cats' diets and food preferences.
  • Implemented JWT tokens for secure authentication and authorization.

📫 How to Reach Me

Feel free to connect with me on LinkedIn or email me at [email protected].

WP's Projects

astro-ink icon astro-ink

Crisp, minimal, personal blog theme for Astro

calibre-web icon calibre-web

:books: Web app for browsing, reading and downloading eBooks stored in a Calibre database

nanoid icon nanoid

A tiny (130 bytes), secure, URL-friendly, unique string ID generator for JavaScript

t3a2-a icon t3a2-a

Assignment 1 - Full Stack Web App

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.