Alan Chan

Project: Sales Tracking and Reporting

• Clover Network is a company that provides a POS cloud platform for restaurants and retail stores
• Sales Tracking and Reporting uses Clover’s powerful analytics tools to gain real-time insights into the sales trends and data that are driving the business, and track key metrics like revenue and performance
• Users can filter your POS reports to see busiest times and best-selling items, as well as everything from monthly sales trends to the granular details

Responsibilities:

• Developed project using HTML5, CSS3, JavaScript, Bootstrap, SCSS, React.js, Redux, Redux Thunk, and NodeJS
• Managed and enhanced the reports front-end capabilities and user experience by working closely with the UI designer
• Developed a new dashboard modal using React components and CSS3 styling, enhancing the visual appeal and functionality of the application
• Created highly reusable UI components such as modals and report graphs that were reused in tablets and web browsers
• Utilized Axios to create HTTP requests and interact with the backend, and the data fetched was used to generate the report and give key insights on sales performance
• Worked with states, specs, props, and events to create interactive React JS components
• Worked with Redux for global state management and utilized Redux Thunk to handle asynchronous API requests
• Maintained code and wrote automated tests with Jest and React Testing Library to diagnose bugs and ensured product quality by reaching 90% test coverage
• Utilized Jira to work on story points and collaborate effectively in an agile environment
• Leveraged version control tools like GitHub for efficient code management, performing checkouts and check-ins from the repository and collaborating with other developers effectively.

Project: Pronto Mobile App

• The Pronto Mobile App was developed as part of Pronto AI's self-driving truck technology
• It aimed to provide a user-friendly interface for truck drivers and fleet managers to interact with the autonomous driving system, access vehicle data, and monitor performance

Responsibilities:

• Collaborated with the design and backend teams to implement the frontend components of the Pronto Mobile
• App
• Developed responsive and interactive user interfaces using HTML5, CSS3, and JavaScript
• Implemented mobile app features and functionalities using React Native, ensuring a seamless user experience across different devices
• Implemented navigation and routing logic using React Navigation
• Integrated API calls to retrieve real-time vehicle data and display it on the mobile app using Axios
• Utilized state management libraries, such as Redux, to manage global app state and handle data synchronization between different screens
• Ensured code quality and reliability by writing unit tests using frameworks like Jest and React Testing
• Library and reaching over 90% test coverage
• Collaborated with the QA team to identify and fix frontend bugs and issues reported during testing phases
• Actively participated in agile development processes, including sprint planning, stand-ups, and code reviews
• Utilized version control systems (e.g., Git) to manage codebase and collaborate with other team members effectively
• Worked closely with the product team to understand user requirements and provide input on user experience and interface design.

Project: 23andMe Mobile App

• The 23andMe Mobile App aimed to provide users with a personalized and interactive experience for accessing and exploring their genetic and health-related information
• It allowed users to view their genetic reports, explore ancestry information, and engage with various features and functionalities related to genetic data analysis

Responsibilities:

• Collaborated closely with the design and backend teams to implement frontend components of thendMe Mobile App
• Developed responsive and intuitive user interfaces using technologies such as React Native, HTML5, CSS3, and JavaScript
• Implemented data visualization components for Ancestry Composition and Health Predisposition report to present genetic and health-related information in a clear and user-friendly manner
• Implemented navigation and routing logic within the app using React Navigation
• Integrated API calls to retrieve and display genetic and health-related data, ensuring proper data handling and security
• Collaborated with the backend team to define API requirements and ensure smooth integration of frontend and backend components
• Utilized state management libraries, such as Redux, to manage app state and handle data synchronization between different screens
• Wrote unit tests using frameworks like Jest and React Testing Library to ensure code quality and reliability by reaching 90% test coverage
• Worked closely with the QA team to identify and resolve frontend bugs and issues reported during testing phases
• Actively participated in agile development processes, including sprint planning, stand-ups, and code reviews
• Utilized version control systems (e.g., Git) to manage codebase and collaborate effectively with other team members
• Provided input on user experience, interface design and worked closely with UI designers, considering usability and accessibility best practices.