Add 'Liora' project details to projects.html

[alwin-m]

Liora Project Documentation (With Code Snippet)

Overview

Liora is a menstrual cycle tracking and wellness e-commerce application built using Flutter. It helps users monitor their periods, predict ovulation, shop for wellness essentials with complete privacy, share cycle info with partners if they choose, and even sync with friends to create a supportive ecosystem.

Additional Feature: Project Showcase Card

To make Liora look clean and professional inside your portfolio, a project card component was added. This card presents the project through:

• A project image
• A project title
• A short and clear description
• A GitHub link for visitors to explore the code

This makes the portfolio more visually polished, informative, and developer-friendly.

Why This Addition?

1. Improved Presentation

The project card visually highlights Liora, helping it stand out while giving viewers a quick understanding of the project.

2. Better User Experience

The structured layout (image → title → description → link) is easy to read and navigate.

3. Increased Professionalism

Including GitHub links and proper formatting shows good development practices and strengthens the credibility of the project.

4. Portfolio Consistency

The card integrates seamlessly with the rest of your portfolio's project layout.

Code Snippet (Copy-Ready)

Below is the exact HTML code used for the Liora project card, included so others can directly copy and use it:

<div class="project">
  <img src="https://raw.githubusercontent.com/alwin-m/Portfolio/main/Liora.png" alt="Liora Project" class="project-img">
  <h3>Liora</h3>
  <p>
    Liora is a menstrual cycle tracker and wellness e-commerce app powered by Flutter, created for our college project.
    You can track periods and ovulation, shop for essentials with full privacy, share information with your partner if you want,
    and even sync cycles with friends. This makes women’s wellness smarter and more supportive.
  </p>
  <div class="project-links">
    <a href="https://github.com/alwin-m/Liora" target="_blank" rel="noopener noreferrer">GitHub ↗</a>
  </div>
</div>

Summary

This addition boosts Liora’s visibility, improves clarity, and adds a professional look to your portfolio. It also helps other developers quickly reuse the project card structure.

[alwin-m]

Liora Project Documentation (With Code Snippet)

Overview

Liora is a menstrual cycle tracking and wellness e-commerce application built using Flutter. It helps users monitor their periods, predict ovulation, shop for wellness essentials with complete privacy, share cycle info with partners if they choose, and even sync with friends to create a supportive ecosystem.

Additional Feature: Project Showcase Card

To make Liora look clean and professional inside your portfolio, a project card component was added. This card presents the project through:

• A project image
• A project title
• A short and clear description
• A GitHub link for visitors to explore the code

This makes the portfolio more visually polished, informative, and developer‑friendly.

Why This Addition?

1. Improved Presentation

The project card visually highlights Liora, helping it stand out while giving viewers a quick understanding of the project.

2. Better User Experience

The structured layout (image → title → description → link) is easy to read and navigate.

3. Increased Professionalism

Including GitHub links and proper formatting shows good development practices and strengthens the credibility of the project.

4. Portfolio Consistency

The card integrates seamlessly with the rest of your portfolio's project layout.

Code Snippet (Copy-Ready)

Below is the exact HTML code used for the Liora project card, included so others can directly copy and use it:

<div class="project">
  <img src="https://raw.githubusercontent.com/alwin-m/Portfolio/main/Liora.png" alt="Liora Project" class="project-img">
  <h3>Liora</h3>
  <p>
    Liora is a menstrual cycle tracker and wellness e-commerce app powered by Flutter, created for our college project.
    You can track periods and ovulation, shop for essentials with full privacy, share information with your partner if you want,
    and even sync cycles with friends. This makes women’s wellness smarter and more supportive.
  </p>
  <div class="project-links">
    <a href="https://github.com/alwin-m/Liora" target="_blank" rel="noopener noreferrer">GitHub ↗</a>
  </div>
</div>

Summary

This addition boosts Liora’s visibility, improves clarity, and adds a professional look to your portfolio. It also helps other developers quickly reuse the project card structure.

[alwin-m]

Liora Project Documentation (With Code Snippet)

Overview

Liora is a menstrual cycle tracking and wellness e-commerce application built using Flutter. It helps users monitor their periods, predict ovulation, shop for wellness essentials with complete privacy, share cycle info with partners if they choose, and even sync with friends to create a supportive ecosystem.

Additional Feature: Project Showcase Card

To make Liora look clean and professional inside your portfolio, a project card component was added. This card presents the project through:

• A project image
• A project title
• A short and clear description
• A GitHub link for visitors to explore the code

This makes the portfolio more visually polished, informative, and developer‑friendly.

Why This Addition?

1. Improved Presentation

The project card visually highlights Liora, helping it stand out while giving viewers a quick understanding of the project.

2. Better User Experience

The structured layout (image → title → description → link) is easy to read and navigate.

3. Increased Professionalism

Including GitHub links and proper formatting shows good development practices and strengthens the credibility of the project.

4. Portfolio Consistency

The card integrates seamlessly with the rest of your portfolio's project layout.

Code Snippet (Copy-Ready)

Below is the exact HTML code used for the Liora project card, included so others can directly copy and use it:

<div class="project">
  <img src="https://raw.githubusercontent.com/alwin-m/Portfolio/main/Liora.png" alt="Liora Project" class="project-img">
  <h3>Liora</h3>
  <p>
    Liora is a menstrual cycle tracker and wellness e-commerce app powered by Flutter, created for our college project.
    You can track periods and ovulation, shop for essentials with full privacy, share information with your partner if you want,
    and even sync cycles with friends. This makes women’s wellness smarter and more supportive.
  </p>
  <div class="project-links">
    <a href="https://github.com/alwin-m/Liora" target="_blank" rel="noopener noreferrer">GitHub ↗</a>
  </div>
</div>

Summary

This addition boosts Liora’s visibility, improves clarity, and adds a professional look to your portfolio. It also helps other developers quickly reuse the project card structure.