cd frontend
npm install axios react-router-dom

import { useState, useEffect } from 'react';
import axios from 'axios';
import './App.css';

function App() {
  const [message, setMessage] = useState('');

  useEffect(() => {
    // Fetch data from our Node.js backend
    axios.get('http://localhost:5000/')
      .then(response => {
        setMessage(response.data);
      })
      .catch(error => {
        console.error("Error connecting to backend:", error);
      });
  }, []);

  return (
    <div className="App">
      <h1>📓 MyNotes App</h1>
      <div className="card">
        <h3>Backend Status:</h3>
        <p>{message ? message : "Connecting..."}</p>
      </div>
    </div>
  );
}

export default App;