diff --git a/package.json b/package.json index 05e1b95..7220885 100644 --- a/package.json +++ b/package.json @@ -38,6 +38,7 @@ "prettier": "^2.8.8", "react": "18.2.0", "react-dom": "18.2.0", + "react-icons": "^4.10.1", "tailwindcss": "3.3.2" }, "devDependencies": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d5a8fee..48d4b15 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -46,6 +46,9 @@ dependencies: react-dom: specifier: 18.2.0 version: 18.2.0(react@18.2.0) + react-icons: + specifier: ^4.10.1 + version: 4.10.1(react@18.2.0) tailwindcss: specifier: 3.3.2 version: 3.3.2 @@ -3125,6 +3128,14 @@ packages: scheduler: 0.23.0 dev: false + /react-icons@4.10.1(react@18.2.0): + resolution: {integrity: sha512-/ngzDP/77tlCfqthiiGNZeYFACw85fUjZtLbedmJ5DTlNDIwETxhwBzdOJ21zj4iJdvc0J3y7yOsX3PpxAJzrw==} + peerDependencies: + react: '*' + dependencies: + react: 18.2.0 + dev: false + /react-is@16.13.1: resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} dev: false diff --git a/src/app/advance/events/page.tsx b/src/app/advance/events/page.tsx new file mode 100644 index 0000000..02561fb --- /dev/null +++ b/src/app/advance/events/page.tsx @@ -0,0 +1,7 @@ +import React from "react"; + +function page() { + return
; +} + +export default page; diff --git a/src/app/advance/login/page.tsx b/src/app/advance/login/page.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/app/intermediate/page.tsx b/src/app/intermediate/page.tsx new file mode 100644 index 0000000..a1056ce --- /dev/null +++ b/src/app/intermediate/page.tsx @@ -0,0 +1,31 @@ +import { BsThreeDotsVertical, BsEye } from "react-icons/bs"; +import { AiOutlineCalendar } from "react-icons/ai"; +import { GoShareAndroid } from "react-icons/go"; + +export default function Home() { + return ( +
+
+
+
+

Robosoccer

+ +
+
+ + 04/03/2022 + + 400 + + 50 +
+
+
+
+
+
+
+
+
+ ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2673d70..fc53e14 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -4,14 +4,14 @@ import { Inter } from "next/font/google"; const inter = Inter({ subsets: ["latin"] }); export const metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Internship task", + description: "Generated by create Vishakh Abhayan", }; export default function RootLayout({ children, }: { - children: React.ReactNode + children: React.ReactNode; }) { return ( diff --git a/src/app/page.tsx b/src/app/page.tsx index 5b75099..7f4e7c4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,7 +1,101 @@ +import { VscAdd } from "react-icons/vsc"; +import { PiBellThin } from "react-icons/pi"; +import { AiOutlineCalendar } from "react-icons/ai"; +import Image from "next/image"; +import Reactangle from "../assets/Rectangle1.png"; + export default function Home() { return ( -
-

welcome

+
+
+
+ + + +
+
+ + +
+
+
+
+
+ Picture +
+

+ Lorem, ipsum dolor +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit +

+
+ + + Date + +
+
+
+
+ +
+
+
+
+ Picture +
+

+ Lorem, ipsum dolor +

+

+ Lorem ipsum dolor sit amet consectetur +

+
+ + + Date + +
+
+
+
+ +
+
+
+
+ Picture +
+

+ Lorem, ipsum dolor +

+
+ + + Date + +
+
+
+
+ +
+
+
); } diff --git a/src/app/pageHome.cy.tsx b/src/app/pageHome.cy.tsx deleted file mode 100644 index 21d1a09..0000000 --- a/src/app/pageHome.cy.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; -import Home from "./page"; - -describe("", () => { - it("renders", () => { - // see: https://on.cypress.io/mounting-react - cy.mount(); - }); -}); diff --git a/src/app/test/error.js b/src/app/test/error.js deleted file mode 100644 index a40dfa2..0000000 --- a/src/app/test/error.js +++ /dev/null @@ -1,13 +0,0 @@ -"use client"; - -import React from "react"; - -const Error = () => { - return ( -
-

error...!!!

-
- ); -}; - -export default Error; diff --git a/src/app/test/loading.tsx b/src/app/test/loading.tsx deleted file mode 100644 index 83b80ff..0000000 --- a/src/app/test/loading.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from "react"; - -function Loading() { - return ( -
- test page loading... -
- ); -} - -export default Loading; diff --git a/src/app/test/page.tsx b/src/app/test/page.tsx deleted file mode 100644 index 69654ad..0000000 --- a/src/app/test/page.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import React from "react"; -import Headertest from "@/components/Headertest"; - - -interface User { - id: number; - name: string; -} - -async function getData(): Promise { - const res = await fetch("https://jsonplaceholder.typicode.com/usersadsf"); - if (!res.ok) { - throw new Error("Failed to fetch data"); - } - return res.json(); -} - -async function Page() { - - const users = await getData(); - - return ( -
- - - - {users.map((user) => ( -
{user.name}
- ))} -
- ); -} - -export default Page; diff --git a/src/assets/Rectangle1.png b/src/assets/Rectangle1.png new file mode 100644 index 0000000..89363d7 Binary files /dev/null and b/src/assets/Rectangle1.png differ diff --git a/src/assets/md-duran-rE9vgD_TXgM-unsplash.jpg b/src/assets/md-duran-rE9vgD_TXgM-unsplash.jpg new file mode 100644 index 0000000..be63c57 Binary files /dev/null and b/src/assets/md-duran-rE9vgD_TXgM-unsplash.jpg differ diff --git a/src/components/Header/Headertest.cy.tsx b/src/components/Header/Headertest.cy.tsx deleted file mode 100644 index 43b40ff..0000000 --- a/src/components/Header/Headertest.cy.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; -import Headertest from "./Headertest"; - -describe("", () => { - it("renders", () => { - // see: https://on.cypress.io/mounting-react - cy.mount(); - }); -});