Quick Access

    Gene Paul Mar Javier

    Gene Paul Mar Javier

    Full-Stack Developer

    As a Fullstack Developer, I'm Committed to Crafting Exceptional Digital Experiences: Building Pixel-Perfect, Engaging, and Accessible Websites with Precision and Care, Leveraging Robust APIs for Seamless Functionality.

    Back-end Development

    In my backend development service, I specialize in implementing Spring Boot Java Microservices to craft robust APIs, ensuring the reliability, scalability, and security of your backend infrastructure. By seamlessly integrating Spring Security JWT for authentication and proficiently managing MySQL databases, I establish a secure environment for your applications. Furthermore, my comprehensive understanding of project flows enables me to adeptly create Entity-Relationship Diagrams (ERDs), facilitating efficient database management. This holistic approach ensures the delivery of APIs tailored to your backend infrastructure needs, guaranteeing reliability, scalability, and security. Ultimately, these efforts enhance the overall performance and security of your applications, providing a seamless user experience.

    Front-end Development

    In my front-end development service, I specialize in crafting engaging user interfaces using React with TypeScript and various libraries like Tailwind CSS, ShadCN, NextUI, and custom CSS. I integrate APIs for dynamic content and prioritize building reusable components. Thorough code reviews ensure adherence to coding standards and promote clean, maintainable code, facilitating smoother collaboration and enhancing project quality. My goal is to deliver front-end solutions that seamlessly integrate dynamic content, provide engaging user experiences, and maintain high coding standards to elevate the overall quality of your projects. With a focus on accessibility, I ensure that the interfaces I create are usable by all users, regardless of their abilities.

    From Figma to Web: Crafting Engaging Designs

    In my service for implementing Figma designs, I excel in seamlessly transforming design concepts into captivating and fully operational websites, prioritizing meticulous attention to detail throughout the process. Utilizing my specialized expertise, I accurately execute provided Figma designs, ensuring that your envisioned website is brought to fruition with exactness. I prioritize strict adherence to design specifications, guaranteeing smooth transitions and interactions that significantly enhance user engagement. Ultimately, my objective is to furnish an intuitive and visually unified experience that not only meets but exceeds your expectations, effectively boosting your brand identity's effectiveness. Through careful execution and a commitment to excellence, I deliver results that resonate with your audience and elevate your online presence.

    Protected
    test01
    test02
    test03
    test04
    test05

    Sirius WebPOS - Headquarter

    DescriptionSirius WebPOS is a comprehensive full-stack Point of Sale (POS) system complete with headquarters management capabilities. This robust solution caters to businesses of all sizes, offering a seamless and efficient way to manage transactions, inventory, and customer data. With its headquarters functionality, users can oversee multiple locations or branches, streamlining operations and enhancing productivity

    Protected
    test01
    test02
    test03
    test04
    test05

    IQMK

    DescriptionIQMK is a client project focused on converting a Figma design into HTML using Tailwind CSS. This project entails creating a simple landing page devoid of interactive elements, resulting in a static website. Perfect for showcasing design skills and implementing them seamlessly into web development using Tailwind CSS

    Protected
    test01
    test02
    test03
    test04
    test05

    YooPH

    DescriptionYooPH is a versatile full-stack application encompassing admin dashboard functionalities, e-commerce features, and a robust food delivery system. This all-in-one solution empowers businesses to efficiently manage their operations, streamline sales processes, and offer seamless delivery services to their customers. With its comprehensive suite of tools and user-friendly interface, YooPH provides a unified platform for businesses to thrive in the digital landscape.

    Personal
    palette-shift-mockup-1
    palette-shift-mockup-2
    palette-shift-mockup-3
    palette-shift-mockup-4
    palette-shift-mockup-5

    PaletteShift: Personalize Language and Theme

    DescriptionPaletteShift is a dynamic platform designed to empower users to personalize their digital environment. With PaletteShift, users can seamlessly adjust both language and theme settings, allowing for a truly tailored experience. Whether you prefer a specific language or a particular color palette, PaletteShift puts the power of customization in your hands, ensuring that your digital experience reflects your unique preferences.

    Personal
    my-portfolio-1
    my-portfolio-2
    my-portfolio-3
    my-portfolio-4
    my-portfolio-5

    My Portfolio

    DescriptionThis project showcases my front-end development skills and passion for software engineering. Explore a collection of my projects, each demonstrating expertise in various technologies and frameworks. With responsive design and interactive elements, this portfolio offers a glimpse into my creativity and dedication to crafting elegant solutions. Thank you for visiting!

    Personal
    rl-portfolio-mockup-1

    Rochenette Legaspina Portfolio

    DescriptionRochenette Legaspina Portfolio is a captivating static landing page meticulously crafted from Figma and brought to life with React JavaScript. This stunning page serves as a hotel booking platform, inviting visitors to explore luxurious accommodations in picturesque destinations. With seamless integration between design and development, Rochenette Legaspina Portfolio offers an immersive experience, enticing users to book their dream getaway with ease.

    Tutorial
    hoobank-mockup-1
    hoobank-mockup-2
    hoobank-mockup-3
    hoobank-mockup-4
    hoobank-mockup-5

    Hoobank

    DescriptionHoobank is a beginner-friendly code-along tutorial by Javascript Master, introducing participants to Tailwind CSS basics, including class usage and configuration. Ideal for developers new to Tailwind looking to dive into styling with ease.Hoobank is a beginner-friendly code-along tutorial by Javascript Master, introducing participants to Tailwind CSS basics, including class usage and configuration. Ideal for developers new to Tailwind looking to dive into styling with ease.

    jav-logo.svg

    Let's Keep in touch