//express

const express = require("express");
const path = require("path");
const bodyParser = require("body-parser");
const v1DictionaryRouter = require("./src/back/v1/routes/dictionaryRoutes");
const cors = require("cors");

const app = express();
app.use(
  cors({
    origin: "*",
  })
);

const PORT = process.env.PORT || 8080;

app.use(bodyParser.json());

app.use(express.static("./src/front/dist"));

app.use("/api/v1/words", v1DictionaryRouter);

app.get("*", (req, res) => {
  res.sendFile(path.resolve(__dirname + "/src/front/dist", "index.html"));
});

app.listen(PORT, () => {
  console.log(`API listening on port: :${PORT}`);
});


//react

import React from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Layout from "../Layout/Layout";
import Home from "../../pages/Home/Home";
import Words from "../../pages/Words/Words";
import BrowseWords from "../../pages/BrowseWords/BrowseWords";

const App = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Layout />}>
          <Route index element={<Home />} />
          <Route path="words" element={<Words />} />
          <Route path="words/:id" element={<Alphabet1 />} /> // !! вложенность не работает !!
          <Route path="browse" element={<BrowseWords />} />
          <Route path="*" element={<NotFound />} />
        </Route>
      </Routes>
    </BrowserRouter>
  );
};

const Alphabet1 = () => {
  return <h1>Hello world</h1>;
};

const NotFound = () => {
  return <h2>Not found page</h2>;
};

export default App;