app.js

import { DataFetcher, backupDataImages } from './modules/FetchModule.js';
import { ProjectRender } from './modules/ProjectsModule.js'
import { ProjectDetailRender } from './modules/ProjectDetailModule.js'
import { startAnimations } from './modules/AnimationsModule.js'
import { validateForm } from './modules/ContactFormModule.js'
import { gradientLiquidAnimation } from './modules/GradientLiquidModule.js'
import { ScrollAnimations } from './modules/ScrollEventModule.js'
import { clickEventAnimations } from './modules/ClickEventModule.js'


document.addEventListener('DOMContentLoaded', async () => {   
  const liquidMotionEffect = gradientLiquidAnimation();
  liquidMotionEffect.init();
  
  startAnimations.init();

  ScrollAnimations.init()

  DataFetcher.getData();
  const url = 'https://tomasgarrido-portfolio-dashboard.onrender.com';  
  const data = await DataFetcher.getData(url);    
  // Initialize the project list render
  ProjectRender.renderProjectsList(data); 
  ProjectRender.renderProjectsCards(data,backupDataImages);  
  // Initialize the project details renderer
  ProjectDetailRender.init(data, backupDataImages);

  clickEventAnimations.init(); 



  const formSubmit = validateForm();
  formSubmit.init();  
});