Hello everyone👋, I'm
Grace Yu
I'm a self-taught, persistent and forever learning front end developer
Resume- Hello! My name is Grace. I come from China. Currently, I'm seeking a front-end job to which I can devote myself into. I studied Business Information Technology at Red River College in Manitoba for about 2.5 years. I have 8 months of Co-op experience as an application developer and data analyst by using C# in a capital management company.
- During the internship, my work was to meet the demands of the desktop application of my colleagues, like creating windows, which can display certain clients' financial data, fetching data from the Microsoft SQL server to generate certain financial analysis reports, and so on.
- My first job after graduation was been a customer service agent solving technical problems for clients. I’m fully committed to learning React after work and honing skills by doing projects so that I can land a dream job in the front-end industry.
- In the process of self taught, my ability of problem solving and debugging have been improved unprecedentedly.
- In my coding time, I have the habit of recording the tricky knowledge in my personal blog (My Blog) when I encounter problems during constructing a project. It seems like an Errors collection that I can often review in case I forgot.
- In my spare time, I like running, since it keeps my fitness. I have been running for about 50 minutes every two days for almost half a year.
A user-friendly spending app for calculations and adding, editing or removing records. With visualization line chart for the income or expense within 30 days. The idea for the app came from the need to record my daily expenditures.
- React
- React-Router-Dom
- Typescript
- Mobile Responsive
- UI/UX
- Custom-Hooks
- Local-Storage
- Apache-ECharts
- React-Icons
- Webpack
This is an E-Commerce Project that I learned from Andrei Neagoie and Yihua Zhang at Udemy. Redux, Thunk, Hooks, HOC, GraphQL, Stripe Payment API, etc. are some of the technologies used in this project. I replaced the data source with Rapid API. Part of the design and layout also has been reconstructed.
- Typescript
- React
- Firebase
- Rapid-API
- Stripe-API
- Redux
- Authentication
- Styled-Components
A quiz with multiple question conditions for players to choose from. Players will be encouraged to challenge themselves to reach higher scores when they enjoy answering these questions.
- React
- Typescript
- Custom Hooks
- Mobile Responsive
- Material UI
- Error-Boundary
- Axios
- Styled-Components
- Local-Storage
It is my first time making a personal portfolio and I had no clue at the beginning. After doing a lot of studies I gradually got the inspiration. I wrote the first edition in Javascript before migrating to Typescript. I chose a one-page presentation since it was straightforward and easy to read.
- Typescript
- React
- Custom-Hooks
- UI/UX Design
- Google-Recaptcha
- Framer-Motion
- Animations
- TailwindCss
- Local-Storage
- React-Lazy
Implemented the shopping cart function by imitating the Sephora‘s web page, including part of the design.
- Typescript
- React
- React Query
- Promise
- Custom Hooks
- Material UI
- Styled-Components
- Error Boundary
The filtering board helps people quickly find the target games based on various conditions.
- Typescript
- React
- React-Router-Dom
- Axios
- Custom Hooks
- Styled-Components
- Axios
- SVG Module
- Media-Query
- Error Boundary
The classic to-do list project with drag and drop functions, also including edit, delete, and strikethrough functions.
- Typescript
- React
- Local-Storage
- React-Beautiful-Dnd
- React-Icons
GY Coffee Shop is a simple landing page for marketing the specific coffee. It uses vanilla javascript with html and font-awesome. It includes hamburger bar, loading page, video background with the on/off button.
- Javascript
- Prototype
- Font-Awesome
- HTML
- CSS
© Made By Grace Yu ❤ 2025