CV - It
CV - It
FRONT-END DEVELOPER
Overview
I have been self-learning front-end development for almost 2 years. During this time, I have gained a strong understanding of
HTML, CSS, JavaScript and TypeScript, which are the fundamental building blocks of web development. I have experience in
creating responsive and visually appealing user interfaces using React.Js. Additionally, I'm familiar with version control
systems like Git and have worked with various front-end development tools and libraries. To become an expert in front-end
development, I have set my sights on expanding my skills and knowledge beyond the web development realm. In the future, I
aspire to delve into mobile app development. Mobile app development will allow me to create immersive and interactive
experiences for users on mobile devices, leveraging frameworks such as React Native.
Eduction
Skills
Project
Project 1 NestQuant-vault-clone
Trang 1/3
© fullstack.edu.vn
Description This is a project I cloned from Figma, and it is a decentralized project focusing on the Ethereum
blockchain. I have built an attractive interface for the homepage by combining the framer-motion
library to create special effects. The vault page has been cloned, and I used the Rechart library to
create graphs for the Historical Data section. The main functionality I developed for the project is
interacting with smart contracts through the MetaMask wallet and synchronizing the state with
the wallet.
Technologies used ReactJs, Typescript, MetamaskSDK, Tailwindcss, Redux, Redux-persist, Antd, ReChart, React-
router, React-Scroll, Swiperjs, Yup, React-hook-form, lodash.
Github https://github.com/ttien123/NestQuanVaultWeb3
Project 2 CHAT-APP
Description This is a real-time chat app using WebSocket that allows users to interact and communicate with
each other.
Functions include Displaying a list of users who are currently online or offline.
Sending and receiving direct messages.
Providing sound notifications when receiving messages while not actively on the website
Showing the "typing" status of users while they are composing messages.
Asynchronous state management with React Query.
Incorporate state into the URL to easily share results across devices.
Separate the private and public routes.
Technologies used REST API, Socket.io, ReactJs, Typescript, Tailwindcss, Zustand, React Router, React Query, daisy
UI, ...
Github https://github.com/ttien123/CHAT-APP-TS
Project 3 Shopee-clone
Description This is a project to clone the user page of the e-commerce platform Shopee.
Functions include Manage authentication with JWT (automatic token refresh applied).
Use the Yup and React Hook Form to validate the form.
Smart Pagination, Filter, and Product Search.
Incorporate state into the URL to easily share results across devices.
Asynchronous state management with React Query.
Improve performance by optimizing build file size analysis.
Separate the private and public routes.
Technologies used REST API, ReactJs, Typescript, Tailwindcss, AppContext,React Router, React Hook Form,
Yup, React Query, React Helmet
Github https://github.com/ttien123/ShopeeClone/tree/main/ShopeeClone
Project 4 Instagram-clone
Description This is a project to clone and recreate the social media platform Instagram
Functions include Upload one or multiple images and videos for a post.
Crop each image or video before posting to customize the content.
Update avatars with the ability to crop the image.
Dark Mode
Use the Yup and React Hook Form to validate the form.
Incorporate state into the URL to easily share results across devices.
Separate the private and public routes.
Technologies used ReactJs, Typescript, Tailwindcss, Zustand, React Router, React-easy-crop,...
Trang 2/3
© fullstack.edu.vn
Github https://github.com/ttien123/instagram-clone-fe
Trang 3/3
© fullstack.edu.vn