陳穎然(Josh Chen)

Frontend Technologies: React, Next.js, React Native
Backend Technologies: Node.js
Component Design: Building rapid, readable, and reusable component systems
Third-party Integration: Google, Apple Sign-In, Kafka, Firebase, Socket.io integration
Cross-platform Development: Creating cross-platform applications (Android and iOS) and deploying them on app stores
Native Module Development: Developing native Android and iOS modules and converting them into React Native components
Payment Systems: Implementing in-app purchase functionalities

[email protected]

Work experience

Aiello 犀動智能, Frontend Engineer, Mar 2022 ~

Web (React, Next.js, Node.js)

Vocol.ai Console Website Construction: Developed the Vocol.ai Console website from scratch, almost single-handedly.
Third-party Sign-In Integration: Integrated third-party sign-in systems such as Google and Apple to enhance user convenience and security.
Custom Component System: Built an efficient, readable, and reusable component system to accelerate development and improve code quality.
Notification Server Setup: Established a custom notification server, integrating technologies like Kafka, Firebase, and Socket.io to provide real-time notification capabilities for both the website and the application.
Resumable File Upload Feature: Implemented a resumable file upload feature to optimize the upload experience for large files, enhancing user satisfaction.

APP (React Native)

Corresponding App Versions Development: Developed corresponding cross-platform application versions based on the website functionalities and successfully deployed them on both platforms.
Native Module Development: Wrote native Android and iOS modules and converted them into React Native components using Bridge technology to facilitate more efficient cross-platform development.
Third-party Sign-In Integration: Integrated third-party sign-in systems to provide diverse login options.
In-App Purchase Implementation: Implemented in-app purchase functionality to increase revenue streams and enhance user experience.

七優科技, Frontend Engineer , Aug 2019 ~ 2022-02

My primary responsibility at this company was to develop web pages using Vue.js. This involved creating webpage templates based on UI documentation and integrating data with backend engineers using AJAX. Since the web pages were primarily focused on H5, I had to consider various issues encountered by different mobile brands' built-in browsers.

Key contributions:

Significantly reduced the size of existing projects (reduced by 30%)
Resolved cross-browser compatibility issues
Improved webpage loading speed
Implemented PWA (Progressive Web App) functionality

Education

National Formosa University, Bachelor's Degree in Information Management, 2014 ~ 2018

Skills

React

Component Development: Proficient in creating and managing React components, including functional components, class components, and hooks.
State Management: Skilled in using state management libraries like Redux and Context API to efficiently manage application state
Lifecycle Methods: Familiar with React lifecycle methods, adept at handling logic at appropriate lifecycle stages.
Virtual DOM: Understand the concept of virtual DOM in React to enhance application performance and efficiency.
Routing: Implement client-side routing using libraries like React Router for creating single-page applications (SPAs).

React Native

Cross-Platform Development: Capable of developing cross-platform mobile applications using the React Native framework, writing code in JavaScript or TypeScript, and deploying them to Android and iOS devices.
Native Module Integration: Knowledgeable in writing and integrating native modules to fulfill specific native functionalities within the application.
UI Design: Utilize built-in and custom UI components of React Native to design and develop user interfaces for applications.
API Invocation: Proficient in invoking and utilizing device APIs (such as camera, location, storage) as well as third-party APIs for data exchange and communication with the backend.
Performance Optimization: Skilled in optimizing performance for React Native applications, reducing memory usage, and improving rendering performance.

Node.js

Server-Side Development: Proficient in building backend servers using Node.js, capable of handling HTTP requests, routing, and database queries.
Module Management: Use npm or Yarn to manage module dependencies within projects, familiar with package manager usage and configuration.
Non-Blocking I/O: Leverage Node.js's non-blocking I/O model for efficient event-driven application development.
RESTful API Development: Design and implement RESTful API interfaces for data exchange and communication with the frontend or other servers.

Self-introduction

I am a proactive frontend engineer with a strong inclination towards self-directed learning. I thrive on exploring and applying new knowledge, whether it's within the realms of React, React Native, or delving into the intricacies of writing native modules. I firmly believe that the best way to learn is through hands-on experimentation and discovery. As such, I consistently embrace new challenges and willingly take on responsibilities to elevate my skills.

In addition to my expertise in React and React Native, I've dedicated time to research Kotlin and Objective-C due to the necessity of developing native modules. This deeper understanding has equipped me to collaborate more effectively with native development teams, facilitating the seamless integration of features and performance enhancements into our applications.

Whether it's crafting intricate user interfaces or optimizing application performance, I adapt readily and am driven by a continuous cycle of learning and experimentation to refine my abilities.

I am deeply convinced that technological advancement stems from relentless exploration and innovation. I eagerly anticipate the opportunity to join a dynamic and creative team, where I can collaborate with like-minded peers to explore new frontiers and collectively create impactful products.