Hello there! My name is Jeffery Xie.
I am a Software Developer who is passionate about creating intuitive and interactive applications as well as fostering positive user experiences.
My Projects
Pokémon Game
Technologies Used: Firebase, React.js, Next.js, TypeScript, Redux, SCSS, Cypress, Framer Motion and MaterialUI
Brief Description
A pokémon-themed incremental / idle game that was inspired by games like Cookie Clicker and Clicker Heroes.
Key Features
- Used Next.js Images to optimize images for all screen sizes, reducing the initial load time for the home page by up to 8 seconds and network payloads by ~22MB.
- Achieved a score of 85-100% for performance, accessibility, best practices, and SEO via Google Lighthouse.
- Created several end-to-end tests using Cypress to automatically test major components of the application.
Pokédex
Technologies Used: MongoDB, Express, React, NodeJS, Redux, MUI, Heroku, Netlify
Brief Description
A complete pokedex with a built-in team generator that displays information about every pokemon in a beautiful and responsive UI.
Key Features
- Developed a loading screen with 300+ pokémon facts scraped from the Internet using Python, improving the user experience during long loading times.
- Implemented a unique interface with 10+ colour themes that adapt to the selected pokémon, helping to catch and retain user attention.
- Implemented lazy-loading images and pagination to improve performance on pages with 200+ images.
PROSPER
Technologies Used: NextJS, TypeScript, SCSS/SASS, Firebase, Redux, MUI, Figma
Brief Description
A website application that promotes mental health and positivity through daily diary entries.
Key Features
- Create functional React components which were used across the application for multiple purposes, greatly reducing the size of the codebase and time spent developing.
- Implemented complex features such as website hosting, user authentication, and a real-time database using Google Firebase.
- Used Next.js to optimize images, improve search engine optimization, and reduce page loading times for a better user experience.
SpotifyXHC
Technologies Used: MongoDB, Express, React, NodeJS
Brief Description
A Spotify web player that displays a user's top tracks and albums. Will include the ability to generate playlists based off of user's top tracks and artists.
Key Features
- Website is hosted using Heroku and Netlify.
- Search bar and song cards created using MaterialUI.
- State management will be implemented using react query.
Pathfinding Visualizer
Technologies Used: Python
Brief Description
A visual pathfinding program that allows the user to create their own obstacles or mazes and then run pathfinding algorithms on them.
Key Features
- Includes the ability to create a maze using Prim's algorithm.
- Has five algorithms to choose from including A* and Dijkstra's.
- Allows the user to place weighted path nodes for weighted algorithms.
Catstronauts
Technologies Used: Unity, GitLab, C#
Brief Description
A cat-themed shooter game built with Unity. Travel to other planets in space to rescue your animal friends from the evil aliens!
Key Features
- Includes procedurally generated rooms and levels.
- Enemies use the A* pathfinding algorithm to track the player.
- Enemies use a state-machine model for their different actions.
Skills and Technologies
Firebase
Next.js
TypeScript
SASS
MongoDB
Express
React.js
Node.js
JavaScript
HTML5
CSS3
Git
Python
Java
About Me
I am a software developer who is always looking to explore new technologies and frameworks that interest me. I have experience creating and hosting full stack web applications using the MERN stack and with Google Firebase. Being able to utilize my creativity and problem-solving skills is my favourite part about coding, which is why I chose software development. If you're looking for a software developer to add to your team, I'd love to hear from you!
I am...
Creative
Open-Minded
Willing to Learn
Some of my hobbies are...
Going to the gym
Cooking
Video Games
Contact
Get In Touch
