IN PRODUCTION

My portfolio website for all my AI/ML projects. Built with Next.js, Vanilla CSS, Leonardo.AI, Flask, and SQLAlchemy

Frontend

Initial landing section:

We innovate. We optimize. These are the driving forces behind LMC as your engineering front for planning, designing, and ensuring sustainable green city living. Founded with the passion of its founder and inspired by years of engineering practice, LMC Engineering Front (LMC-EF) carries on the vision, representing the next generation of the LMC family line in Engineering and Architecture.

About us section:

THE FOUNDER AND DESIGN ASSOCIATES: With a 25-year track record of passion and dedication in engineering, the founder has developed a clear and solid perspective, focusing on achievable and realistic integrated elements. This approach emphasizes balanced design solutions that are purposeful and goal-oriented. The founder holds a Bachelor of Science degree in Civil Engineering, complemented by extensive experience in design execution, coordination, and project management across multinational and multicultural business settings. This experience spans Oil and Gas Projects, Property Development, and diverse civil works such as low/mid/high-rise buildings, bridges, roadways, marine structures, and more. LMC-EF operates with a team of conscientious and meticulous engineering professionals, working closely with allied design associates who share a common mission and vision for the betterment of people and communities.

About us extended section:

OUR MISSION STATEMENT: At LMC-EF, we are driven by passion and inspiration to deliver services of unparalleled quality and sustainability to individuals and communities. We strive to innovate and optimize, guided by our core principles.

OUR 4-POINT VISIONS: At LMC-EF, trust and conscientious service are at the core of our foundation. Our missions and visions are centered around four (4) key principles that drive sustainable growth and development while maintaining a healthy work-life balance:

Delivering quality services to clients with the utmost professionalism and ethical standards.
Promoting career growth and equity for our professional consultants and partners.
Making productive contributions to community and regional development goals.
Ensuring business efficiency and profitability for sustained growth.

OUR TEAM: LMC-EF is a dynamic team that provides engineering and consultancy services to enhance your comfort zones, both in the Philippines and across the globe. Our firm consists of competent and experienced professionals in the fields of Architecture, Engineering, and Project Management who stay up-to-date with the latest engineering demands. We offer conceptual planning, design development, and value output documents and drawings for residential, commercial, and industrial buildings, as well as site development, ensuring compliance with required codes, regulations, quality standards, and safety protocols.

Equipped with state-of-the-art CAD technology, 3D modeling, and Building Information Modeling (BIM) system, we conduct fast-track and accurate analysis of building elements, integrating them seamlessly into low, medium, or high-rise structures, industrial warehouses, plant structures, and their associated site and landscape developments. To facilitate effective communication, we provide personal interfaces through web conferencing, and if necessary, we can arrange travel itineraries for matters requiring special engineering consultation.

With the construction industry rapidly expanding and the country's focus on the build-build-build vision, LMC-EF aims to align its dynamic operations accordingly. We are currently undergoing ISO 9001 Quality Management and US Green Building Council accreditation processes, with the goal of earning the trust and meeting the demands of the local community and regional development.

LMC-EF is optimistic about its potential for growth and success, aspiring to become one of the most trusted firms in the near future. We firmly believe that we are destined to be at the forefront of the country's engineering sector, spearheading sustainable development for green city living. When we say "We mean business," we pledge our unwavering commitment, mutual trust, and adherence to the highest ethical values, encompassing our core principles of innovation and optimization.

Projects section:

cards of Calinga family's house

Services section:

OUR SERVICES: LMC-EF provides a comprehensive range of services, including planning, design, drafting, review, sealing, and stamping for the following disciplines:

Architectural: Our expert architects blend creativity and functionality to craft visually stunning and practical spaces that align with your vision. From conceptual design to construction oversight, we ensure that every detail reflects your unique style.
Structural: Our skilled structural engineers provide robust designs that ensure the stability and safety of your projects. With a focus on durability and innovative solutions, we create frameworks that withstand the test of time.
Civil: Our civil engineering services encompass infrastructure planning, design, and management. From roads to water supply systems, we create sustainable solutions that harmonize with the environment and meet the needs of communities.
Mechanical: Our mechanical engineers specialize in designing efficient systems, whether it's HVAC for optimal comfort or industrial machinery for enhanced productivity. We integrate cutting-edge technology to deliver solutions that streamline operations.
Electrical: Our electrical engineering expertise covers power distribution, lighting, and control systems. We engineer solutions that ensure safety, energy efficiency, and seamless functionality for various projects.
Plumbing: Our plumbing solutions guarantee reliable water supply and waste management. From complex commercial installations to residential systems, we implement designs that prioritize hygiene and sustainability.
Landscape Development: Our landscape architects transform spaces into inspiring environments. From urban parks to private gardens, we create designs that merge nature and aesthetics to enrich your surroundings.
Site Development: Our comprehensive site development services encompass land assessment, planning, and construction management. We optimize land usage while adhering to environmental regulations, creating spaces that thrive.

In addition, we offer specialized consultations in:

Home or Building Inspection & Third-Party Technical Arbitration: Our thorough inspection services ensure your property is sound and up to code. Moreover, we offer impartial technical arbitration services, serving as a neutral party in disputes, ensuring fair resolutions based on expertise.

Careers section

CAREER WITH LMC-EF: Warm welcome!

We believe that our esteemed people are the strongest pillars and frames of our existence in our day-to-day operations and goals. Your role with us is valuable. We make sure the working environment you would fit in is safe and sound for career growth and development. We ensure up-to-date training/seminars so that our professionals can align with recent technological advancements.

We provide equal pay and equal opportunity with due respect to individual origin, race, gender, color, appearance, religious belief, cultural, social, and ethnic orientation. As the company aims to establish its good name and reputation, we encourage full cooperation to the highest standard of professional ethics and behavior. LMC-EF discourages anyone from engaging in any form of bribery or corruption at any time.

By adhering to our mission and vision through its core notion – "We innovate. We optimize" – we will live by the highest creed of honesty and harmony.

We look forward to your full cooperation when you come on board and become successful.

Good luck and wishing you all success!

The Founder

Eye:

Architectural compass:

Structural structure:

Civil wrench and screw driver: <style></style>

Mechanical gear:

Electrical plug:

Electrical bolt:

Plumbing faucet:

Landscape development land:

Site development building:

Building inspection clipboard:

Setting up tasks

Installing packages

To do:

create Navbar.svelte file to ./src/components folder
add navbar code snippet from bootstrap docs to this newly created file

<script>

</script>

<nav class="navbar navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">Navbar</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="#">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">Action</a></li>
                        <li><a class="dropdown-item" href="#">Another action</a></li>
                        <li><hr class="dropdown-divider"></li>
                        <li><a class="dropdown-item" href="#">Something else here</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" aria-disabled="true">Disabled</a>
                </li>
            </ul>
            <form class="d-flex" role="search">
                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success" type="submit">Search</button>
            </form>
        </div>
    </div>
</nav>

scratch project and start another project using npm create vite@latest lmc-eng-front
choose Sveltekit instead of Javascript or Typescript
then choose Skeleton project for barebone structure of a basic svelte app without the built in guessing game that a Svelte demo app template offers
then finally choose Javascript with JSDoc comments as the option whether we want to typecheck with TypeScript, which still gives the benefit of Intellisense and auto-completion without having to be strict about your types
additionally we can choose ESLint for code linting for last decision
run npm run dev in base directory

Frontend tasks

Routing