ri-avatar

Xanh Rii.

Frontend Developer

Xanh Rii

Hi World, I am a Frontend Developer

About Me

Hi, I'm Tuyet (nickname: Xanh Ri)
I have experience working on UI/Markup Frontend development using vanilla JavaScript, and jQuery (no JS framework, no UI library), so now I am looking for a frontend job work with JS framework (ReactJS, Nextjs) and much more.

I have a programming orientation for Frontend ReactJS/NextJS. I have no experience in real projects using Reactjs, instead, I have learned and made the pet project shown below. I hope to be able to work and develop myself to soon become a Junior Frontend Developer and pursue a career in Frontend development with other JS Frameworks (NextJS, React Native, VueJS).

Front-end

  • HTML5, CSS3/SASS, BEM
  • JavaScript, jQuery
  • ReactJS: React Router v6, React Hooks basic, Redux/Redux-toolkit basic
  • REST API, Axios
  • Tailwind CSS
  • Perfect pixel, Responsive
  • Web accessibility, cross-browser compatibility

Skill+

    Relevant: Skill, Knowledge, Coursework

  • Git, Postman
  • EngLish: Reading & Writing
  • Tools: Figma, Photoshop (for dev)
  • WordPress: Cpanel host, Woocommerce plugin, Flatsome theme
  • UIT - VNUHCMC
  • Major: Infomation systems/E-commerce (Link Education Program: Here )
  • Age: 20 + 4 (1999)

project

project-1

[Markup,JQuery]
Huyndai XTeer (Clone)

Build Home Page markup with:
+ jQuery, HTML, CSS/SASS, BEM
+ Pixel-perfect
+ Responsive

markup HTML,CSS/SASS BEM jQuery

Demo
project-1

[ ReactJs, Tailwind CSS]
Store Online

Practice: ReactJs, Tailwind CSS, Redux
+ Register / Login / Logout
+ Cart: Add, remove item, remove all
+ Skeleton Loading
+ Filter by: search, categoty
+ Responsive

ReactJS React Router v6 react hooks Tailwind CSS Strapi, Axios Basic auth Swiper Redux, Redux toolkit
Demo/GitHub
project-1

[reactjs,redux toolkit]
Store Online

Practice: ReactJs, redux, API
+ Woocommerce API, Axios, Basic Auth
+ Skeleton loading
+ Filter by: category, price, onsale status
+ Sort by: Product update Newest/Oldest, Price Lowest/highest

ReactJS React Router v6 react hooks axios react-hook-form Redux toolkit react-slick Styles: SASS, MUI
Demo
project-1

[Wordpress] Ecommerce/ Blog

Build Website by Wordpress
+ Managed WordPress Hosting: Cpanel
+ Theme: Flatsome / UX Builder
+ Plugin: Woocommerce (wishlist, cart, ship, payment, myaccount)
+ Login with socials account

Wordpress Flatsome Woocommerce Login with Google/FB

Demo
project-1

[reactjs, TypeScript]
Todo app

Practice: ReactJS + Typescript
+ Add new todo
+ Change Todo status
+ Delete Todo
+ Filter by todo's status
+ Filter by search

ReactJS Vitejs react hooks react-query typescript LocalStorage

Demo
project-1

[Markup, ReactJS]
Practice

Practice
+ Convert Figma, psd to HTML,CSS,JQuery
+ ReactJS Basic

HTML,CSS ReactJS

View More

Contact