server.js

const http = require("http");
const fs = require("fs");
const path = require("path");

const PORT = 3000;
const PUBLIC_DIR = path.join(__dirname, "app");

const server = http.createServer((req, res) => {
    let filePath = path.join(PUBLIC_DIR, req.url);
    const ext = path.extname(filePath).toLowerCase();

    // MIME types for known file extensions
    const mimeTypes = {
        ".html": "text/html",
        ".css": "text/css",
        ".js": "application/javascript",
        ".png": "image/png",
        ".jpg": "image/jpeg",
        ".gif": "image/gif",
        ".svg": "image/svg+xml",
        ".txt": "text/plain",
    };

    const contentType = mimeTypes[ext] || "application/octet-stream";

    fs.stat(filePath, (err, stats) => {
        if (!err && stats.isFile()) {
            
            // Serve the requested file
            
            res.writeHead(200, { "Content-Type": contentType });
            return fs.createReadStream(filePath).pipe(res);
        }

        // Fallback: serve index.html
        const indexPath = path.join(PUBLIC_DIR, "index.html");
        fs.readFile(indexPath, (indexErr, content) => {
            if (indexErr) {
                res.writeHead(500, { "Content-Type": "text/plain" });
                res.end("500 Internal Server Error");
            } else {
                res.writeHead(200, { "Content-Type": "text/html" });
                res.end(content);
            }
        });
    });
});

server.listen(PORT, () => {
    console.log(`Server running at http://localhost:${PORT}/`);
});