Sorawong Leardmongkonrut (Wong)
Technologies and Languages
| JavaScript, TypeScript, Node.js, Solidity |
| ReactJS, NextJS, TailwindCSS, Express.js, Strapi |
| Radix UI, React Data Grid, Chart.js, React Query, GraphQL Codegen, clsx, Storybook, Zustand, TS-REST |
| Git, Figma, LottieFiles, Postman, MongoDB, Vercel, SEO Optimization |
Education
- B.Eng. Computer Engineering, King Mongkut's University of Technology Thonburi, TH. 2020-2023 (GPAX 3.46, Second Class Honours)
Work Experience
- Developed a User Interface of Skooldio classroom web application that allow enrolled user to learn a courses.
- Developed a User Interface of Back-office web application which allow admin to manage courses, workshops, etc.
- Integrated a Front-end application with Back-end using GraphQL and Apollo Client.
- Developed a form input application with validation using react-hook-form with Zod.
- Integrated to Back-end with TS-REST for server-side, also using react-query on client-side for query and mutation.
- Developed an API for form input application using NestJS with Prisma which follows the Controller-Service-Repository pattern.
- Developed fully responsive components to inform users about new features and used them as an entry point to the new features such as banner, modal, tooltip, etc. with user tracking.
- Developed a User Interface for a Crypto wallet profit tracking web app using Next.js, TailwindCSS, and React Query. Also integrated this web app into the Telegram application, users are able to open and use the web app via the Telegram bot.
- Developed a dynamic image generator written in HTML and CSS using Vercel OG Image Generation.
- Developed a User Interface and state management of Crypto wallet analysis and Tracker web app using ReactJS, TailwindCSS, Radix UI, React Data Grid, React Query, RainbowKit, Zustand, and TS-REST.
- Setup a Storybook with TailwindCSS for the team to use as a shared component library.
- Developed a company website as a web blog using Next.js with SSG, Image Optimization, TailwindCSS, Strapi, and GraphQL Codegen. Also optimized SEO and Lighthouse score of the web app.
- Developed a User Interface and state management for the DeFi product such as Swap page, Stake page, Liquidity pool page, etc. Using Next.js, TailwindCSS, SCSS, Ant Design, Chart.js, TradingView Lightweight Chart and React Query.
- Discuss and propose ideas to the design team to improve the User Experience such as an Animated loading state, transition color, etc.
- Learned a fundamental of Functional Component on ReactJS with TypeScript.
- Develop a reuseable components with Storybook to be used in the project.
- Develop a landing page for the DeFi product using ReactJS with TypeScript and TailwindCSS.
Projects
- Traffue Fondy - Visualized Bangkok traffic problems grouped by problem type on a map. Using Next.js with Google Map API to display the map and get the driving direction from the origin point to the destination point with autocomplete place name. This project participated in "HACK BKK 2023" organized by BMA. Also, our team is part of the teams that were chosen to continue working with the Governor of Bangkok under Chadchart Sittipunt team. traffue-fondy.vercel.app
- Celestine - A Decentralized Finance Dashboard and Data Provider. Display data of crypto assets from multiple sources. Also provide a GraphQL Public API for developers to use in their projects. Front-end build by Next.js with TypeScript, GraphQL and TailwindCSS. celestine-page.vercel.app
- Choppala - An E-commerce web application inspired by Shopee. Buyer able to browse products, add to cart, add to wishlist, checkout, view purchase history and ratings. Seller able to add and manage products. Crafted and utilizing the power of Next.js with MongoDB, also NextAuth for OAuth with Google, Facebook and GitHub. choppala.vercel.app
- Woobank Landing Page - A fully responsive landing page of bank website with modern UX/UI design. Powered by ReactJS and TailwindCSS. woobank.vercel.app
- Ra dom toon - Funding web app for projects based on ethereum blockchain. Creator able to create project with target funding and deadline. In case that project reach target funding before deadline, all donations wil be transferred to creator's crypto wallet. Otherwise, fund will be refund to supporter wallet. github.com/srwx/ra-dom-toon
Interests
- Areas : Software Engineer, Product Engineer, Web Development, Mobile App Development