Real Estate Project Updates

Blogs

February 26, 2025

For the current web UI status:

Real Estate Project 1st Iteration ↗ The Source Code, using Screw Fast MIT Theme ↗

Improvements:

DaisyUI CSS for Carousels, FAQ,…

Adding DaisyUI to Astro Themes | Cybernetic 📌

As always, I got amazed with other themes, like:

https://github.com/codexcodethemes/cybernetic-free
- https://cybernetic-free-version.netlify.app/

git clone https://github.com/codexcodethemes/cybernetic-free
npm install 
npm audit fix

npm run dev #localhost:4321
#rm -rf .git

Apparently, at /src/static/images/index.tsx you can choose the Hero images.

Create the tailwind.config.js and add:

/** @type {import('tailwindcss').Config} */
    module.exports = {
      content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
      theme: {
        extend: {},
      },
      plugins: [require("daisyui")],
    };

Install firebase CLI as static deployment:

npm install -g firebase-tools

firebase login
firebase init
#firebase deploy

#firebase hosting:channel:list
#firebase hosting:channel:delete <channelId>

It will be under someprojectname.web.app and you can revoke permissions at https://github.com/settings/connections/applications/89cf50f02ac6aaed3484

And 2 .yml files with a GHA Workflow for the Firebase deployment are already configured

For the real estate calculator app part…

DBs for DA ↗ BI Tools for DA ↗

I almost forgot…the GenAI Real estate Chat part!

Chat with Properties ↗ Source Code using OpenAI+ Anthropic with LlamaIndex and Mem0 ↗

Real Estate Web UI Enhancements

Themes Considered: ScrewFast, Nebulix, AstroFront… 🚀

https://github.com/mearashadowfax/ScrewFast

MIT | Open-source Astro website template with sleek, customizable TailwindCSS components.

https://github.com/unfolding-io/nebulix

Nebulix, a Fast & Green Theme Based on Astro + Static CMS + Snipcart

git clone https://github.com/unfolding-io/nebulix
#.env

With very interesting components at /src/content/project/crafting-the-perfect-cosmic-mojito.mdx

#/src/content/project

#mogrify -format jpg *.avif #the images have to be jpeg or jpg to be zoomable

http://localhost:4321/work/crafting-the-perfect-cosmic-mojito/

https://github.com/themefisher/astrofront-astro

MIT | AstroJS-Powered Shopify Storefront Boilerplate with TailwindCSS and Nanostores. With Shopify ecommerce integration.

git clone https://github.com/themefisher/astrofront-astro

npm install
#npm audit fix
npm run dev #you will need shopify credentials for the .env

https://github.com/oxygenna-themes/foxi-astro-theme Which has an interesting /blog section with tags

MIT | Foxi is an Astro theme crafted with Tailwind CSS, designed for blazing-fast performance and seamless user experience. Perfect for creating modern, responsive SaaS websites with minimal effort.

You can see the blogs at /src/pages/blog folder, after:

git clone https://github.com/oxygenna-themes/foxi-astro-theme

npm install & npm audit fix
npm run dev #localhost:4321
#npx astro add mdx #npm install @astrojs/mdx

#npm install vue @panzoom/panzoom @vueuse/core @nanostores/vue @vueuse/components @vueuse/integrations vue3-toastify body-scroll-lock vue3-popper

// astro.config.mjs
import { defineConfig } from 'astro/config';
import mdx from '@astrojs/mdx';

export default defineConfig({
  integrations: [mdx()],
});

Remember that you need to migrate also the content collection for /src/pages/blog and to update /src/content/config.ts to define what are the fields expected on the new collection (for example we can call it properties instead of blog).

npm install -D tailwindcss@latest @tailwindcss/vite@latest daisyui@latest

CSS 101 ↗ JS 101 ↗

Conclusions

This is kind of a four in one project:

Responsive Web UI
Real Estate Calculator to engage users and potential clients
Gen AI App to provide recommendations based on the available houses
Scrapping Tool to get Photos automatically
Bonus: Newsletter (with mailerlite) + GDPR Compliant Web Analytics: Litlyx + Forms/Questionaires:Formbricks

Result: https://dm-real-estate.com/ or https://moises-era.pages.dev (vs) https://dm-realestate.web.app/

ℹ️

And with an interesting tool to get the photo properties adquisition automated