initial commit

epaper-frontend/components/DateHeader.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { weekdays } from "../utils/date-info";
+import { months } from "../utils/date-info";
+
+const DateHeader = () => {
+  const currentDate = new Date();
+
+  return (
+    <div className="bg-slate-500 px-96 py-2 flex justify-between">
+      <section className="flex gap-10">
+        <button className="text-white font-bold">Home</button>
+      </section>
+      <h1 className="text-white">
+        {weekdays[currentDate.getDay() - 1]} ● {currentDate.getDate()}{" "}
+        {months[currentDate.getMonth() - 1]} {currentDate.getFullYear()}
+      </h1>
+      <div></div>
+    </div>
+  );
+};
+
+export default DateHeader;

epaper-frontend/components/Header.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+const Header = () => {
+  return (
+    <div className="flex justify-between items-center px-96">
+      <img src="/logo.png" alt="" className="w-60" />
+    </div>
+  );
+};
+
+export default Header;

epaper-frontend/components/NewspaperViewer.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+
+const NewspaperViewer = () => {
+  return (
+    <div className="w-3/4">
+      <section>Pagination</section>
+      <section>Newspaper</section>
+    </div>
+  );
+};
+
+export default NewspaperViewer;

epaper-frontend/components/Sidebar.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+const Sidebar = () => {
+  return (
+    <div className="w-1/4">
+      <h1 className="text-2xl">Today's Paper</h1>
+    </div>
+  );
+};
+
+export default Sidebar;