Madara Vetra portfolio

Portfolio coming soon

// Import necessary modules
import React from 'react';
import styles from './Home.module.css';
 
const createWebsite = () => {
  console.log('Creating website madaravetra.com...');
};
 
// Page title
let pageTitle = 'Madara Vetra Portfolio';
document.title = pageTitle;
 
// Render the header
const renderHeader = () => {
  const header = document.createElement('h1');
  header.innerText = pageTitle;
  header.className = styles.header;
  document.body.appendChild(header);
};
 
// Initialize the app
const init = () => {
  createWebsite();
  renderHeader();
};
 
// Start the app
init();
 
const displayMessage = (message) => {
  const messageElement = document.createElement('p');
  messageElement.innerText = message;
  messageElement.className = styles.message;
  document.body.appendChild(messageElement);
};
 
// Display a welcome message
 displayMessage('Welcome to my portfolio! :)');
 
// Function to render a footer
const renderFooter = () => {
  const footer = document.createElement('footer');
  footer.innerText = '© 2024 Madara Vetra';
  footer.className = styles.footer;
  document.body.appendChild(footer);
};
 
// Call renderFooter to add the footer
renderFooter();
 
-------------------------------------------------
 
// Import necessary modules
import React from 'react';
import styles from './Home.module.css';
 
const createWebsite = () => {
  console.log('Creating website madaravetra.com...');
};
 
// Page title
let pageTitle = 'Madara Vetra Portfolio';
document.title = pageTitle;
 
// Render the header
const renderHeader = () => {
  const header = document.createElement('h1');
  header.innerText = pageTitle;
  header.className = styles.header;
  document.body.appendChild(header);
};
 
// Initialize the app
const init = () => {
  createWebsite();
  renderHeader();
};
 
// Start the app
init();
 
const displayMessage = (message) => {
  const messageElement = document.createElement('p');
  messageElement.innerText = message;
  messageElement.className = styles.message;
  document.body.appendChild(messageElement);
};
 
// Display a welcome message
 displayMessage('Welcome to my portfolio! :)');
 
// Function to render a footer
const renderFooter = () => {
  const footer = document.createElement('footer');
  footer.innerText = '© 2024 Madara Vetra';
  footer.className = styles.footer;
  document.body.appendChild(footer);
};
 
// Call renderFooter to add the footer
renderFooter();
 
-------------------------------------------------