Alexander Lopez

The app's front-end is built using React and rendered on the server using Next.js. The user interface allows for user registration and interaction based on their configuration schemas.

Additionally, the app provides functionality for importing and exporting Excel files, with the ability to process the data before import or export. The application also utilizes Redux for managing the state of the application and SCSS for styling the components.

The front-end components are modular and reusable, allowing easy maintenance and scalability. The architecture of the front end is designed with a focus on performance and user experience, utilizing best practices for component-based development and optimized for efficient data flow. Overall, the front end seamlessly integrates with the Node.js server and PostgreSQL database to provide a smooth and efficient user experience.

The front-end of the app is built using React and Next.js and follows a layered architecture approach. The UI layer creates an intuitive and visually pleasing user interface, utilizing Redux for state management and SCSS for styling.

The business logic and front-end layer provide the functionality for generating episodic or featured movie orders for EMEA, LATAM, and APAC users and for translating the metadata used by different clients into the correct format with heavy reuse of previously built components.

The application layer handles the integration with the Node.js back end and Kafka consumers, making the platform real-time and reliable. The infrastructure layer manages the underlying system infrastructure and services.

The NatGeo website is built with a custom React front-end, where I served as the tech lead developer. I managed the team and drove the development process with a component-oriented philosophy.

We aimed to develop reusable features and functions across the different consumers and layouts to improve the maintainability and scalability of the codebase. Additionally, to ensure that the website is performant, I also implemented bundle analysis to identify and optimize the size of the components, and I used front-end testing tools such as Cypress to automate the testing of the application.

To ensure that the website is SEO friendly, I also optimized the components for search engines, and I performed page load analysis using Lighthouse to measure the website's performance and identify potential issues.