├── typescript ├── evening │ ├── userInput │ │ ├── sum.js │ │ └── package.json │ ├── class10 │ │ ├── sum.js │ │ ├── index.js │ │ ├── index.ts │ │ ├── sum.ts │ │ └── package.json │ ├── .DS_Store │ ├── class09 │ │ ├── .DS_Store │ │ └── package.json │ ├── class11 │ │ ├── .DS_Store │ │ ├── sum.js │ │ ├── sum.ts │ │ └── package.json │ └── class12 │ │ ├── sum.js │ │ ├── sum.ts │ │ ├── data.json │ │ └── package.json ├── class-09-a │ ├── .gitignore │ ├── package.json │ ├── index.ts │ └── index.js ├── class-08 (Node project starter kit) │ ├── .gitignore │ ├── index.ts │ ├── tsconfig.json │ ├── index.js │ └── package.json ├── morning │ ├── class10 │ │ ├── sum.js │ │ ├── index.js │ │ ├── index.ts │ │ ├── sum.ts │ │ └── package.json │ ├── .DS_Store │ ├── oop │ │ ├── .DS_Store │ │ └── package.json │ ├── types │ │ ├── .DS_Store │ │ └── package.json │ ├── class05 │ │ └── .DS_Store │ ├── class06 │ │ ├── .DS_Store │ │ └── gitCommands.txt │ ├── class07 │ │ └── .DS_Store │ ├── class08 │ │ ├── .DS_Store │ │ └── index.js │ ├── class09 │ │ ├── .DS_Store │ │ └── package.json │ ├── class11 │ │ ├── .DS_Store │ │ ├── sum.js │ │ ├── sum.ts │ │ └── package.json │ ├── class12 │ │ ├── .DS_Store │ │ ├── sum.js │ │ ├── sum.ts │ │ ├── data.json │ │ └── package.json │ ├── class01 │ │ ├── index.js │ │ └── index.ts │ └── class02 │ │ ├── index.ts │ │ └── index.js ├── .DS_Store ├── class-02 │ ├── conditions.ts │ ├── package.json │ ├── arithmaticOperators.ts │ ├── assignmentOperators.ts │ ├── comparisonOperators.ts │ ├── logicalOperators.ts │ └── string.ts ├── class-01 │ ├── package.json │ └── index.ts ├── class-03 │ ├── package.json │ └── switchCase.ts ├── class-04 │ ├── package.json │ └── README.md ├── class-05 │ ├── package.json │ └── index.ts ├── class-07 │ └── package.json ├── class-09 │ └── package.json └── ATM │ └── package.json ├── README.md ├── learnnextjs ├── genai-nextjs │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── services │ │ │ ├── page.tsx │ │ │ └── layout.tsx │ │ ├── contact │ │ │ ├── page.tsx │ │ │ └── components │ │ │ │ └── displayContact.tsx │ │ ├── counter │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── expense │ │ │ └── page.tsx │ │ ├── components │ │ │ ├── button │ │ │ │ └── button.tsx │ │ │ ├── tag │ │ │ │ └── tag.tsx │ │ │ ├── card │ │ │ │ └── card.tsx │ │ │ └── counterSection │ │ │ │ └── counterSection.tsx │ │ ├── globals.css │ │ ├── todos │ │ │ └── serverRender.tsx │ │ ├── products │ │ │ └── page.tsx │ │ └── page.tsx │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── food.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── banner.png │ │ │ ├── libary.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── config │ │ └── contentful.ts │ ├── .gitignore │ ├── tailwind.config.ts │ ├── tsconfig.json │ ├── types │ │ ├── commonTypes.ts │ │ └── componentsTypes.ts │ └── package.json ├── hello-world │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── contact │ │ │ └── page.tsx │ │ ├── about │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── globals.css │ │ └── page.tsx │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── food.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ ├── libary.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── .gitignore │ ├── tailwind.config.ts │ ├── package.json │ └── tsconfig.json ├── nextjs routes │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── contact │ │ │ ├── ceo │ │ │ │ └── page.tsx │ │ │ └── page.tsx │ │ ├── about │ │ │ └── page.tsx │ │ ├── services │ │ │ ├── web │ │ │ │ └── page.tsx │ │ │ ├── layout.tsx │ │ │ ├── mobile │ │ │ │ └── page.tsx │ │ │ └── page.tsx │ │ ├── page.tsx │ │ ├── layout.tsx │ │ ├── blog │ │ │ └── [slug] │ │ │ │ └── page.tsx │ │ ├── login │ │ │ └── page.tsx │ │ ├── components │ │ │ └── button.tsx │ │ ├── globals.css │ │ └── api │ │ │ └── auth │ │ │ └── [...nextauth] │ │ │ └── route.ts │ ├── .env │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── food.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ ├── libary.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── middleware.ts │ ├── .gitignore │ ├── tailwind.config.ts │ ├── package.json │ └── tsconfig.json ├── next-form-handling │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── contact │ │ │ ├── page.tsx │ │ │ └── components │ │ │ │ └── displayContact.tsx │ │ ├── counter │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── components │ │ │ ├── button │ │ │ │ └── button.tsx │ │ │ ├── tag │ │ │ │ └── tag.tsx │ │ │ ├── card │ │ │ │ └── card.tsx │ │ │ └── counterSection │ │ │ │ └── counterSection.tsx │ │ ├── services │ │ │ └── page.tsx │ │ ├── globals.css │ │ └── page.tsx │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── food.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ ├── libary.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── types │ │ ├── componentsTypes.ts │ │ └── commonTypes.ts │ ├── .gitignore │ ├── tailwind.config.ts │ ├── tsconfig.json │ └── package.json ├── html │ ├── style.css │ ├── script.js │ ├── .DS_Store │ └── index.html ├── nextjs - reactjs concepts │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── counter │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── contact │ │ │ ├── components │ │ │ │ └── contactForm.tsx │ │ │ └── page.tsx │ │ ├── components │ │ │ ├── button │ │ │ │ └── button.tsx │ │ │ ├── tag │ │ │ │ └── tag.tsx │ │ │ ├── card │ │ │ │ └── card.tsx │ │ │ └── counterSection │ │ │ │ └── counterSection.tsx │ │ ├── services │ │ │ └── page.tsx │ │ ├── globals.css │ │ └── page.tsx │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── banner.png │ │ │ ├── food.png │ │ │ ├── libary.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── types │ │ ├── commonTypes.ts │ │ └── componentsTypes.ts │ ├── .gitignore │ ├── tailwind.config.ts │ ├── package.json │ └── tsconfig.json ├── nextjs-api-integerate │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── services │ │ │ ├── page.tsx │ │ │ └── layout.tsx │ │ ├── contact │ │ │ ├── page.tsx │ │ │ └── components │ │ │ │ └── displayContact.tsx │ │ ├── counter │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── expense │ │ │ └── page.tsx │ │ ├── components │ │ │ ├── button │ │ │ │ └── button.tsx │ │ │ ├── tag │ │ │ │ └── tag.tsx │ │ │ ├── card │ │ │ │ └── card.tsx │ │ │ └── counterSection │ │ │ │ └── counterSection.tsx │ │ ├── globals.css │ │ ├── todos │ │ │ └── serverRender.tsx │ │ ├── products │ │ │ └── page.tsx │ │ └── page.tsx │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── food.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ ├── libary.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── config │ │ └── contentful.ts │ ├── .gitignore │ ├── tailwind.config.ts │ ├── tsconfig.json │ ├── types │ │ ├── commonTypes.ts │ │ └── componentsTypes.ts │ └── package.json ├── nextjs-backend-routes │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── contact │ │ │ ├── page.tsx │ │ │ └── components │ │ │ │ └── displayContact.tsx │ │ ├── counter │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── components │ │ │ ├── button │ │ │ │ └── button.tsx │ │ │ ├── tag │ │ │ │ └── tag.tsx │ │ │ ├── card │ │ │ │ └── card.tsx │ │ │ └── counterSection │ │ │ │ └── counterSection.tsx │ │ ├── services │ │ │ └── page.tsx │ │ ├── globals.css │ │ └── page.tsx │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── food.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ ├── libary.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── types │ │ ├── componentsTypes.ts │ │ └── commonTypes.ts │ ├── .gitignore │ ├── tailwind.config.ts │ ├── tsconfig.json │ └── package.json ├── nextjs-expense-tracker │ ├── README.md │ ├── .eslintrc.json │ ├── app │ │ ├── test.ts │ │ ├── favicon.ico │ │ ├── contact │ │ │ ├── page.tsx │ │ │ └── components │ │ │ │ └── displayContact.tsx │ │ ├── counter │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── expense │ │ │ └── page.tsx │ │ ├── components │ │ │ ├── button │ │ │ │ └── button.tsx │ │ │ ├── tag │ │ │ │ └── tag.tsx │ │ │ ├── card │ │ │ │ └── card.tsx │ │ │ └── counterSection │ │ │ │ └── counterSection.tsx │ │ ├── services │ │ │ └── page.tsx │ │ ├── globals.css │ │ └── page.tsx │ ├── next.config.js │ ├── postcss.config.js │ ├── public │ │ ├── img │ │ │ ├── food.png │ │ │ ├── post.png │ │ │ ├── user.png │ │ │ ├── about.png │ │ │ ├── back1.png │ │ │ ├── banner.png │ │ │ ├── libary.png │ │ │ ├── Campus1.png │ │ │ ├── Campus2.png │ │ │ ├── Campus3.png │ │ │ ├── banner1.png │ │ │ ├── course1.png │ │ │ ├── course2.png │ │ │ ├── course3.png │ │ │ └── playground.png │ │ └── vercel.svg │ ├── .gitignore │ ├── tailwind.config.ts │ ├── tsconfig.json │ ├── types │ │ ├── commonTypes.ts │ │ └── componentsTypes.ts │ └── package.json ├── flex-box │ ├── .eslintrc.json │ ├── next.config.js │ ├── postcss.config.js │ ├── src │ │ ├── constants │ │ │ └── images.ts │ │ └── app │ │ │ ├── favicon.ico │ │ │ ├── globals.css │ │ │ └── layout.tsx │ ├── public │ │ ├── New Project.png │ │ └── vercel.svg │ ├── tailwind.config.ts │ ├── .gitignore │ ├── package.json │ └── tsconfig.json ├── class5 styling │ └── styling │ │ ├── .eslintrc.json │ │ ├── src │ │ └── app │ │ │ ├── globals.css │ │ │ ├── favicon.ico │ │ │ ├── layout.tsx │ │ │ └── page.tsx │ │ ├── next.config.js │ │ ├── postcss.config.js │ │ ├── .gitignore │ │ ├── tailwind.config.ts │ │ ├── public │ │ └── vercel.svg │ │ ├── package.json │ │ └── tsconfig.json ├── .DS_Store └── next-redux │ ├── next.config.mjs │ ├── postcss.config.js │ ├── app │ ├── favicon.ico │ ├── dashboard │ │ ├── page.tsx │ │ ├── accounts │ │ │ └── page.tsx │ │ └── layout.tsx │ ├── services │ │ └── page.tsx │ ├── layout.tsx │ ├── components │ │ └── counterApp.tsx │ ├── page.tsx │ └── globals.css │ ├── store │ ├── store.ts │ └── slices │ │ ├── counterSlice.ts │ │ └── serviceSlice.ts │ ├── .gitignore │ ├── tailwind.config.ts │ ├── public │ └── vercel.svg │ ├── package.json │ └── tsconfig.json ├── .DS_Store ├── .gitignore └── html ├── assets └── pic.png └── style.css /typescript/evening/userInput/sum.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Panaverse-Faisalabad-batch-50 -------------------------------------------------------------------------------- /typescript/class-09-a/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /typescript/class-08 (Node project starter kit)/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | -------------------------------------------------------------------------------- /learnnextjs/html/style.css: -------------------------------------------------------------------------------- 1 | #heading{ 2 | background-color: rebeccapurple; 3 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/README.md: -------------------------------------------------------------------------------- 1 | ##Our first nextjs project 2 | 3 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/.DS_Store -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /learnnextjs/hello-world/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /typescript/evening/class10/sum.js: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 15; 3 | var c = a + b; 4 | export default c; 5 | -------------------------------------------------------------------------------- /typescript/morning/class10/sum.js: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 15; 3 | var c = a + b; 4 | export default c; 5 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /*/node_modules 3 | /**/node_modules 4 | 5 | 6 | /.next 7 | /*/.next 8 | /**/.next -------------------------------------------------------------------------------- /learnnextjs/html/script.js: -------------------------------------------------------------------------------- 1 | var heading = document.getElementById("heading"); 2 | heading.innerHTML="Hello World" -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /typescript/evening/class10/index.js: -------------------------------------------------------------------------------- 1 | import c from "./sum.js"; 2 | var d = c + 5; 3 | console.log("d = ", d); 4 | -------------------------------------------------------------------------------- /typescript/morning/class10/index.js: -------------------------------------------------------------------------------- 1 | import c from "./sum.js"; 2 | var d = c + 5; 3 | console.log("d = ", d); 4 | -------------------------------------------------------------------------------- /html/assets/pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/html/assets/pic.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/.env: -------------------------------------------------------------------------------- 1 | NO_SECRET="dsafjk#@4LKJDF@#$LS:KDFkSDFSDF" 2 | NEXTAUTH_URL="http://localhost:3000/" -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /learnnextjs/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/.DS_Store -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/test.ts: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 20; 3 | export {a, b} 4 | export default a; -------------------------------------------------------------------------------- /typescript/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/.DS_Store -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/src/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /learnnextjs/html/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/html/.DS_Store -------------------------------------------------------------------------------- /typescript/class-02/conditions.ts: -------------------------------------------------------------------------------- 1 | // syntax 2 | /* 3 | if(condition true/false){ 4 | block of code; 5 | } 6 | */ 7 | 8 | -------------------------------------------------------------------------------- /typescript/evening/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/evening/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/.DS_Store -------------------------------------------------------------------------------- /learnnextjs/flex-box/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/next.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {}; 3 | 4 | export default nextConfig; 5 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /typescript/morning/oop/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/oop/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/types/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/types/.DS_Store -------------------------------------------------------------------------------- /learnnextjs/flex-box/src/constants/images.ts: -------------------------------------------------------------------------------- 1 | import logo from "./../../public/New Project.png"; 2 | export const IMAGES = [logo, logo, logo, logo]; 3 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /typescript/evening/class09/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/evening/class09/.DS_Store -------------------------------------------------------------------------------- /typescript/evening/class11/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/evening/class11/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/class05/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/class05/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/class06/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/class06/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/class07/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/class07/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/class08/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/class08/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/class09/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/class09/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/class11/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/class11/.DS_Store -------------------------------------------------------------------------------- /typescript/morning/class12/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/typescript/morning/class12/.DS_Store -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-redux/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/src/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/flex-box/src/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = {} 3 | 4 | module.exports = nextConfig 5 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/flex-box/public/New Project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/flex-box/public/New Project.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/course3.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/contact/ceo/page.tsx: -------------------------------------------------------------------------------- 1 | export default function ABC (){ 2 | return ( 3 |
4 |

CEO

5 |
6 | ) 7 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/course3.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/hello-world/public/img/playground.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/about/page.tsx: -------------------------------------------------------------------------------- 1 | export default function About (){ 2 | return ( 3 |
4 |

About

5 |
6 | ) 7 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/course3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/app/favicon.ico -------------------------------------------------------------------------------- /html/style.css: -------------------------------------------------------------------------------- 1 | p { 2 | background-color: black; 3 | color: red; 4 | } 5 | 6 | .text-center { 7 | /* background-color: white; */ 8 | text-align: center; 9 | } 10 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/genai-nextjs/public/img/playground.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/dashboard/page.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default function Dashboard() { 4 | return ( 5 |
Dashboard
6 | ) 7 | } 8 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | export default function ABC (){ 2 | return ( 3 |
4 |

Contact

5 |
6 | ) 7 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs routes/public/img/playground.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/src/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/class5 styling/styling/src/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/course3.png -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/dashboard/accounts/page.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | export default function Accounts() { 4 | return ( 5 |
Accounts
6 | ) 7 | } 8 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/app/favicon.ico -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default function Services() { 3 | return ( 4 |
5 |

Services

6 |
7 | ) 8 | } -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/next-form-handling/public/img/playground.png -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/services/web/page.tsx: -------------------------------------------------------------------------------- 1 | export default function Web(){ 2 | return ( 3 |
4 |

Services / web

5 |
6 | ) 7 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/course3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/course3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/hello-world/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | function Contact (){ 2 | return ( 3 |
4 | contact page 5 |
6 | ) 7 | } 8 | 9 | export default Contact -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/about.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/back1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/back1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/banner.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/food.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/libary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/libary.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/post.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/user.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-api-integerate/public/img/playground.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-backend-routes/public/img/playground.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/course3.png -------------------------------------------------------------------------------- /typescript/evening/class11/sum.js: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 15; 3 | function sumFun(a, b) { 4 | var c = a + b; 5 | return c; 6 | } 7 | export { a, b, sumFun, }; 8 | export default sumFun; 9 | -------------------------------------------------------------------------------- /typescript/evening/class12/sum.js: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 15; 3 | function sumFun(a, b) { 4 | var c = a + b; 5 | return c; 6 | } 7 | export { a, b, sumFun, }; 8 | export default sumFun; 9 | -------------------------------------------------------------------------------- /typescript/morning/class11/sum.js: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 15; 3 | function sumFun(a, b) { 4 | var c = a + b; 5 | return c; 6 | } 7 | export { a, b, sumFun, }; 8 | export default sumFun; 9 | -------------------------------------------------------------------------------- /typescript/morning/class12/sum.js: -------------------------------------------------------------------------------- 1 | var a = 10; 2 | var b = 15; 3 | function sumFun(a, b) { 4 | var c = a + b; 5 | return c; 6 | } 7 | export { a, b, sumFun, }; 8 | export default sumFun; 9 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/Campus1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/Campus1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/Campus2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/Campus2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/Campus3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/Campus3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/banner1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/course1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/course1.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/course2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/course2.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/course3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/course3.png -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default function Services() { 3 | return ( 4 |
5 |

Services

6 |
7 | ) 8 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs-expense-tracker/public/img/playground.png -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/img/playground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AbuHurairah127/Panaverse-Faisalabad-batch-50/HEAD/learnnextjs/nextjs - reactjs concepts/public/img/playground.png -------------------------------------------------------------------------------- /typescript/morning/class01/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var userName = "Naveed"; 3 | var a = 10; 4 | var b = 3; 5 | var c = 5; 6 | var result = a + b + c; 7 | var newResult = result + a; 8 | console.log(newResult); 9 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/services/layout.tsx: -------------------------------------------------------------------------------- 1 | export default function ServicesLayout({children}){ 2 | return ( 3 |
4 |

services level layout

5 | {children} 6 |
7 | ) 8 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/middleware.ts: -------------------------------------------------------------------------------- 1 | import { withAuth } from "next-auth/middleware" 2 | 3 | export default withAuth( 4 | { 5 | secret:"dsafjk#@4LKJDF@#$LS:KDFkSDFSDF" 6 | } 7 | ) 8 | 9 | export const config = { matcher: ["/services"] } -------------------------------------------------------------------------------- /typescript/evening/class10/index.ts: -------------------------------------------------------------------------------- 1 | 2 | import sum from "./sum.js"; 3 | import {a,b, sumFun} from "./sum.js" 4 | 5 | 6 | var d:number = sum(10,20) + 5; 7 | 8 | 9 | 10 | console.log("d = ", d); 11 | 12 | export default d; 13 | 14 | 15 | -------------------------------------------------------------------------------- /typescript/morning/class10/index.ts: -------------------------------------------------------------------------------- 1 | 2 | import sum from "./sum.js"; 3 | import {a,b, sumFun} from "./sum.js" 4 | 5 | 6 | var d:number = sum(10,20) + 5; 7 | 8 | 9 | 10 | console.log("d = ", d); 11 | 12 | export default d; 13 | 14 | 15 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default function HOme() { 3 | return ( 4 |
5 | 6 | 7 |

8 | Home Home 9 |

10 | 11 |
12 | ) 13 | } -------------------------------------------------------------------------------- /learnnextjs/hello-world/app/about/page.tsx: -------------------------------------------------------------------------------- 1 | import Link from "next/link" 2 | function About (){ 3 | return ( 4 |
5 |

About page

6 |
7 | ) 8 | } 9 | 10 | export default About -------------------------------------------------------------------------------- /typescript/morning/class01/index.ts: -------------------------------------------------------------------------------- 1 | var userName:string = "Naveed"; 2 | var a:number = 10; 3 | var b:number = 3; 4 | var c:number = 5; 5 | var result:number = a + b + c; 6 | var newResult:number = result + a; 7 | 8 | console.log(newResult); 9 | 10 | 11 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import ContactForm from "./components/contactForm"; 2 | 3 | export default function Contact() { 4 | return ( 5 |
6 | 7 |

Contact

8 | 9 |
10 | ) 11 | } 12 | -------------------------------------------------------------------------------- /typescript/class-08 (Node project starter kit)/index.ts: -------------------------------------------------------------------------------- 1 | import inquirer from "inquirer"; 2 | 3 | const answer = await inquirer.prompt({ 4 | name: "answer", 5 | message: "Are you sure?", 6 | type: "confirm", 7 | }); 8 | 9 | console.log(typeof answer.answer); 10 | -------------------------------------------------------------------------------- /typescript/evening/class10/sum.ts: -------------------------------------------------------------------------------- 1 | var a: number = 10; 2 | var b: number = 15; 3 | function sumFun(a: number, b: number) { 4 | 5 | var c: number = a + b; 6 | return c 7 | } 8 | export { 9 | a, 10 | b, 11 | sumFun, 12 | 13 | } 14 | export default sumFun; -------------------------------------------------------------------------------- /typescript/evening/class11/sum.ts: -------------------------------------------------------------------------------- 1 | var a: number = 10; 2 | var b: number = 15; 3 | function sumFun(a: number, b: number) { 4 | 5 | var c: number = a + b; 6 | return c 7 | } 8 | export { 9 | a, 10 | b, 11 | sumFun, 12 | 13 | } 14 | export default sumFun; -------------------------------------------------------------------------------- /typescript/evening/class12/sum.ts: -------------------------------------------------------------------------------- 1 | var a: number = 10; 2 | var b: number = 15; 3 | function sumFun(a: number, b: number) { 4 | 5 | var c: number = a + b; 6 | return c 7 | } 8 | export { 9 | a, 10 | b, 11 | sumFun, 12 | 13 | } 14 | export default sumFun; -------------------------------------------------------------------------------- /typescript/morning/class10/sum.ts: -------------------------------------------------------------------------------- 1 | var a: number = 10; 2 | var b: number = 15; 3 | function sumFun(a: number, b: number) { 4 | 5 | var c: number = a + b; 6 | return c 7 | } 8 | export { 9 | a, 10 | b, 11 | sumFun, 12 | 13 | } 14 | export default sumFun; -------------------------------------------------------------------------------- /typescript/morning/class11/sum.ts: -------------------------------------------------------------------------------- 1 | var a: number = 10; 2 | var b: number = 15; 3 | function sumFun(a: number, b: number) { 4 | 5 | var c: number = a + b; 6 | return c 7 | } 8 | export { 9 | a, 10 | b, 11 | sumFun, 12 | 13 | } 14 | export default sumFun; -------------------------------------------------------------------------------- /typescript/morning/class12/sum.ts: -------------------------------------------------------------------------------- 1 | var a: number = 10; 2 | var b: number = 15; 3 | function sumFun(a: number, b: number) { 4 | 5 | var c: number = a + b; 6 | return c 7 | } 8 | export { 9 | a, 10 | b, 11 | sumFun, 12 | 13 | } 14 | export default sumFun; -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import ContactForm from "./components/contactForm"; 2 | 3 | export default function Contact() { 4 | return ( 5 |
6 | 7 |

Contact

8 | 9 |
10 | ) 11 | } 12 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import ContactForm from "./components/contactForm"; 2 | 3 | export default function Contact() { 4 | return ( 5 |
6 | 7 |

Contact

8 | 9 |
10 | ) 11 | } 12 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import ContactForm from "./components/contactForm"; 2 | 3 | export default function Contact() { 4 | return ( 5 |
6 | 7 |

Contact

8 | 9 |
10 | ) 11 | } 12 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import ContactForm from "./components/contactForm"; 2 | 3 | export default function Contact() { 4 | return ( 5 |
6 | 7 |

Contact

8 | 9 |
10 | ) 11 | } 12 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/services/layout.tsx: -------------------------------------------------------------------------------- 1 | export default function ServiceLayout({ 2 | children, 3 | }: { 4 | children: React.ReactNode 5 | }) { 6 | return ( 7 | 8 | 9 | {children} 10 | 11 | 12 | ) 13 | } -------------------------------------------------------------------------------- /typescript/morning/class12/data.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "id":1, 4 | "name":"Naveed", 5 | "rollNo":324, 6 | "age": 27 7 | }, 8 | 9 | { 10 | "id":2, 11 | "name":"Naveed", 12 | "rollNo":324, 13 | "age": 27 14 | } 15 | ] -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/services/layout.tsx: -------------------------------------------------------------------------------- 1 | export default function ServiceLayout({ 2 | children, 3 | }: { 4 | children: React.ReactNode 5 | }) { 6 | return ( 7 | 8 | 9 | {children} 10 | 11 | 12 | ) 13 | } -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/counter/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | import CounterSection from "../components/counterSection/counterSection" 3 | 4 | export default function Counter() { 5 | 6 | 7 | return ( 8 |
9 |

Counter

10 | 11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/config/contentful.ts: -------------------------------------------------------------------------------- 1 | const contentful = require('contentful') 2 | export const client = contentful.createClient({ 3 | space: 'v8k6p0iq2x0f', 4 | environment: 'master', // defaults to 'master' if not set 5 | accessToken: '-GazxxGFd18zDCDqm-mGlX858lud6v_g5rHJmQf7nAk' 6 | }) -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import "./globals.css" 2 | export default function RootLayout({ 3 | children, 4 | }: { 5 | children: React.ReactNode 6 | }) { 7 | return ( 8 | 9 | 10 | {children} 11 | 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /typescript/class-01/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-01", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /typescript/class-02/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-02", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /typescript/class-03/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-03", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /typescript/class-04/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-04", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /typescript/class-05/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-05", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /typescript/class-07/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-07", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /typescript/class-09/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-8", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/counter/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | import CounterSection from "../components/counterSection/counterSection" 3 | 4 | export default function Counter() { 5 | 6 | 7 | return ( 8 |
9 |

Counter

10 | 11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/counter/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | import CounterSection from "../components/counterSection/counterSection" 3 | 4 | export default function Counter() { 5 | 6 | 7 | return ( 8 |
9 |

Counter

10 | 11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/config/contentful.ts: -------------------------------------------------------------------------------- 1 | const contentful = require('contentful') 2 | export const client = contentful.createClient({ 3 | space: 'v8k6p0iq2x0f', 4 | environment: 'master', // defaults to 'master' if not set 5 | accessToken: '-GazxxGFd18zDCDqm-mGlX858lud6v_g5rHJmQf7nAk' 6 | }) -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/counter/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | import CounterSection from "../components/counterSection/counterSection" 3 | 4 | export default function Counter() { 5 | 6 | 7 | return ( 8 |
9 |

Counter

10 | 11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/counter/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | import CounterSection from "../components/counterSection/counterSection" 3 | 4 | export default function Counter() { 5 | 6 | 7 | return ( 8 |
9 |

Counter

10 | 11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import "./globals.css" 2 | export default function RootLayout({ 3 | children, 4 | }: { 5 | children: React.ReactNode 6 | }) { 7 | return ( 8 | 9 | 10 | {children} 11 | 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/counter/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | import CounterSection from "../components/counterSection/counterSection" 3 | 4 | export default function Counter() { 5 | 6 | 7 | return ( 8 |
9 |

Counter

10 | 11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import "./globals.css" 2 | export default function RootLayout({ 3 | children, 4 | }: { 5 | children: React.ReactNode 6 | }) { 7 | return ( 8 | 9 | 10 | {children} 11 | 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import "./globals.css" 2 | export default function RootLayout({ 3 | children, 4 | }: { 5 | children: React.ReactNode 6 | }) { 7 | return ( 8 | 9 | 10 | {children} 11 | 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import "./globals.css" 2 | export default function RootLayout({ 3 | children, 4 | }: { 5 | children: React.ReactNode 6 | }) { 7 | return ( 8 | 9 | 10 | {children} 11 | 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/expense/page.tsx: -------------------------------------------------------------------------------- 1 | import ExpenseList from "../components/expenseList/expenseList" 2 | export default function Expense() { 3 | return ( 4 |
5 |

Expense Tracker App

6 | 7 |
8 | ) 9 | } 10 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import "./globals.css" 2 | export default function RootLayout({ 3 | children, 4 | }: { 5 | children: React.ReactNode 6 | }) { 7 | return ( 8 | 9 | 10 | {children} 11 | 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/expense/page.tsx: -------------------------------------------------------------------------------- 1 | import ExpenseList from "../components/expenseList/expenseList" 2 | export default function Expense() { 3 | return ( 4 |
5 |

Expense Tracker App

6 | 7 |
8 | ) 9 | } 10 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/contact/components/contactForm.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import Button from "@/app/components/button/button"; 3 | 4 | export default function ContactForm() { 5 | 6 | return ( 7 | 7 | ) 8 | } 9 | 10 | export default Button; -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/components/tag/tag.tsx: -------------------------------------------------------------------------------- 1 | import { TagPropsType } from "@/types/componentsTypes"; 2 | 3 | export default function Tag(props:TagPropsType) { 4 | return ( 5 | 6 | {props.tagText} 7 | 8 | ) 9 | } -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/components/button/button.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { ButtonProps } from "@/types/componentsTypes"; 3 | var count:number = 1; 4 | function Button(props:ButtonProps){ 5 | return ( 6 | 7 | ) 8 | } 9 | 10 | export default Button; -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/components/tag/tag.tsx: -------------------------------------------------------------------------------- 1 | import { TagPropsType } from "@/types/componentsTypes"; 2 | 3 | export default function Tag(props:TagPropsType) { 4 | return ( 5 | 6 | {props.tagText} 7 | 8 | ) 9 | } -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/dashboard/layout.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default function DashboardLoayout({ 3 | children, 4 | }: Readonly<{ 5 | children: React.ReactNode; 6 | }>) { 7 | return ( 8 | 9 | 10 |

Dashboard layout

11 | {children} 12 | 13 | 14 | ); 15 | } -------------------------------------------------------------------------------- /learnnextjs/next-redux/store/store.ts: -------------------------------------------------------------------------------- 1 | import { configureStore } from '@reduxjs/toolkit'; 2 | import counterSlice from './slices/counterSlice'; 3 | import serviceSlice from './slices/serviceSlice'; 4 | 5 | export const store = configureStore({ 6 | reducer: { 7 | counterSlice: counterSlice, 8 | serviceSlice: serviceSlice 9 | } 10 | }) -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/components/button/button.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { ButtonProps } from "@/types/componentsTypes"; 3 | var count:number = 1; 4 | function Button(props:ButtonProps){ 5 | return ( 6 | 7 | ) 8 | } 9 | 10 | export default Button; -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/components/tag/tag.tsx: -------------------------------------------------------------------------------- 1 | import { TagPropsType } from "@/types/componentsTypes"; 2 | 3 | export default function Tag(props:TagPropsType) { 4 | return ( 5 | 6 | {props.tagText} 7 | 8 | ) 9 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/components/button/button.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { ButtonProps } from "@/types/componentsTypes"; 3 | var count:number = 1; 4 | function Button(props:ButtonProps){ 5 | return ( 6 | 7 | ) 8 | } 9 | 10 | export default Button; -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/components/tag/tag.tsx: -------------------------------------------------------------------------------- 1 | import { TagPropsType } from "@/types/componentsTypes"; 2 | 3 | export default function Tag(props:TagPropsType) { 4 | return ( 5 | 6 | {props.tagText} 7 | 8 | ) 9 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/components/button/button.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { ButtonProps } from "@/types/componentsTypes"; 3 | var count:number = 1; 4 | function Button(props:ButtonProps){ 5 | return ( 6 | 7 | ) 8 | } 9 | 10 | export default Button; -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/components/tag/tag.tsx: -------------------------------------------------------------------------------- 1 | import { TagPropsType } from "@/types/componentsTypes"; 2 | 3 | export default function Tag(props:TagPropsType) { 4 | return ( 5 | 6 | {props.tagText} 7 | 8 | ) 9 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/types/commonTypes.ts: -------------------------------------------------------------------------------- 1 | export type directorType = { 2 | name:string, 3 | title: string, 4 | intro: string, 5 | facebookUrl:string 6 | } 7 | 8 | export type studentType = { 9 | name:string, 10 | gender:string, 11 | physics:number, 12 | maths:number, 13 | english:number 14 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/components/button/button.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { ButtonProps } from "@/types/componentsTypes"; 3 | var count:number = 1; 4 | function Button(props:ButtonProps){ 5 | return ( 6 | 7 | ) 8 | } 9 | 10 | export default Button; -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/components/tag/tag.tsx: -------------------------------------------------------------------------------- 1 | import { TagPropsType } from "@/types/componentsTypes"; 2 | 3 | export default function Tag(props:TagPropsType) { 4 | return ( 5 | 6 | {props.tagText} 7 | 8 | ) 9 | } -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | import Card from "@/app/components/card/card" 2 | import Button from "../components/button/button" 3 | export default function Services() { 4 | return ( 5 |
6 |

Services

7 |
9 | ) 10 | } -------------------------------------------------------------------------------- /typescript/morning/class02/index.ts: -------------------------------------------------------------------------------- 1 | if(7<5){ 2 | console.log("line1"); 3 | console.log("line2"); 4 | console.log("line3"); 5 | console.log("line4"); 6 | console.log("line5"); 7 | } 8 | { 9 | console.log("line6"); 10 | console.log("line7"); 11 | console.log("line8"); 12 | console.log("line9"); 13 | console.log("line10"); 14 | } 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | import Card from "@/app/components/card/card" 2 | import Button from "../components/button/button" 3 | export default function Services() { 4 | return ( 5 |
6 |

Services

7 |
9 | ) 10 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | import Card from "@/app/components/card/card" 2 | import Button from "../components/button/button" 3 | export default function Services() { 4 | return ( 5 |
6 |

Services

7 |
9 | ) 10 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | import Card from "@/app/components/card/card" 2 | import Button from "../components/button/button" 3 | export default function Services() { 4 | return ( 5 |
6 |

Services

7 |
9 | ) 10 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import CounterSection from "../components/counterSection/counterSection"; 2 | import ContactForm from "./components/contactForm"; 3 | 4 | export default function Contact() { 5 | return ( 6 |
7 | 8 |

Contact

9 | 10 | 11 |
12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/layout.tsx: -------------------------------------------------------------------------------- 1 | 2 | export default function RootLayout({ 3 | children, 4 | }: { 5 | children: React.ReactNode 6 | }) { 7 | return ( 8 | 9 | 10 |

Header -company -layout

11 | 12 | {children} 13 |

Footer -company -layout

14 | 15 | 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /typescript/evening/class09/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "bootstrap": "^5.3.1", 4 | "inquirer": "^9.2.10" 5 | }, 6 | "name": "class09", 7 | "version": "1.0.0", 8 | "main": "index.js", 9 | "scripts": { 10 | "test": "echo \"Error: no test specified\" && exit 1" 11 | }, 12 | "author": "", 13 | "license": "ISC", 14 | "description": "" 15 | } 16 | -------------------------------------------------------------------------------- /typescript/morning/class09/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "bootstrap": "^5.3.1", 4 | "inquirer": "^9.2.10" 5 | }, 6 | "name": "class09", 7 | "version": "1.0.0", 8 | "main": "index.js", 9 | "scripts": { 10 | "test": "echo \"Error: no test specified\" && exit 1" 11 | }, 12 | "author": "", 13 | "license": "ISC", 14 | "description": "" 15 | } 16 | -------------------------------------------------------------------------------- /typescript/morning/class02/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | if (7 < 5) { 3 | console.log("line1"); 4 | console.log("line2"); 5 | console.log("line3"); 6 | console.log("line4"); 7 | console.log("line5"); 8 | } 9 | { 10 | console.log("line6"); 11 | console.log("line7"); 12 | console.log("line8"); 13 | console.log("line9"); 14 | console.log("line10"); 15 | } 16 | -------------------------------------------------------------------------------- /typescript/evening/class12/data.json: -------------------------------------------------------------------------------- 1 | [{ 2 | "id":1, 3 | "name":"naveed", 4 | "email":"naveed@techloset.com", 5 | "phone":234234234 6 | }, 7 | { 8 | "id":2, 9 | "name":"Ali", 10 | "email":"Ali@techloset.com", 11 | "phone":234234234 12 | }, 13 | { 14 | "id":3, 15 | "name":"umar", 16 | "email":"umar@techloset.com", 17 | "phone":234234234 18 | } 19 | ] 20 | -------------------------------------------------------------------------------- /typescript/class-08 (Node project starter kit)/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ES2022", 4 | 5 | "module": "NodeNext", 6 | // "rootDir": "./", 7 | "moduleResolution": "NodeNext", 8 | "esModuleInterop": true, 9 | "forceConsistentCasingInFileNames": true, 10 | // "outDir": "./", 11 | "strict": true, 12 | "skipLibCheck": true 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /typescript/evening/userInput/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "userinput", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "type": "module", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "author": "", 11 | "license": "ISC", 12 | "dependencies": { 13 | "@types/inquirer": "^9.0.3", 14 | "inquirer": "^9.2.11" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/services/mobile/page.tsx: -------------------------------------------------------------------------------- 1 | import { authOptions } from "@/app/api/auth/[...nextauth]/route" 2 | import { getServerSession } from "next-auth" 3 | 4 | 5 | export default async function Mobile(){ 6 | 7 | const session = await getServerSession(authOptions) 8 | return ( 9 |
10 |

Services / mobile {JSON.stringify(session)}

11 |
12 | ) 13 | } -------------------------------------------------------------------------------- /typescript/class-02/arithmaticOperators.ts: -------------------------------------------------------------------------------- 1 | //ARITHMETIC OPERATORS: 2 | var num1: number = 10; 3 | var num2: number = 20; 4 | // addition 5 | var sum = num1 + num2; 6 | //subtraction 7 | var minus = num1 - num2; 8 | // multiplication 9 | var product = num1 * num2; 10 | // exponent (raise to power ^) 11 | var exponent = 2 ** 5; 12 | // division 13 | var division = num2 / num1; 14 | //division (remainder) 15 | var remainder = num2 / 3; -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import { useSelector } from "react-redux" 4 | 5 | export default function Services() { 6 | const services = useSelector((store)=> store.serviceSlice.services) 7 | return ( 8 |
9 |

List of services

10 | {services?.map((service)=>{ 11 | return
{service.title}
12 | })} 13 | 14 |
15 | ) 16 | } 17 | -------------------------------------------------------------------------------- /typescript/evening/class10/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "boostrap": "^2.0.0", 4 | "bootstrap": "^5.3.1", 5 | "inquirer": "^9.2.10" 6 | }, 7 | "name": "class09", 8 | "version": "1.0.0", 9 | "main": "index.js", 10 | "scripts": { 11 | "test": "echo \"Error: no test specified\" && exit 1" 12 | }, 13 | "author": "", 14 | "license": "ISC", 15 | "description": "", 16 | "type": "module" 17 | } 18 | -------------------------------------------------------------------------------- /typescript/evening/class11/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "boostrap": "^2.0.0", 4 | "bootstrap": "^5.3.1", 5 | "inquirer": "^9.2.10" 6 | }, 7 | "name": "class09", 8 | "version": "1.0.0", 9 | "main": "index.js", 10 | "scripts": { 11 | "test": "echo \"Error: no test specified\" && exit 1" 12 | }, 13 | "author": "", 14 | "license": "ISC", 15 | "description": "", 16 | "type": "module" 17 | } 18 | -------------------------------------------------------------------------------- /typescript/morning/class10/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "boostrap": "^2.0.0", 4 | "bootstrap": "^5.3.1", 5 | "inquirer": "^9.2.10" 6 | }, 7 | "name": "class09", 8 | "version": "1.0.0", 9 | "main": "index.js", 10 | "scripts": { 11 | "test": "echo \"Error: no test specified\" && exit 1" 12 | }, 13 | "author": "", 14 | "license": "ISC", 15 | "description": "", 16 | "type": "module" 17 | } 18 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/types/componentsTypes.ts: -------------------------------------------------------------------------------- 1 | export type ButtonProps = { 2 | title: string 3 | data?:string, 4 | onClickHandler: ()=> void 5 | } 6 | 7 | export type CardPropsType = { 8 | courseTitle: string, 9 | tag:string, 10 | description: string, 11 | showTag?: boolean, 12 | isDescription?: boolean, 13 | style:{} 14 | } 15 | 16 | 17 | export type TagPropsType = { 18 | tagText: string 19 | } 20 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/types/componentsTypes.ts: -------------------------------------------------------------------------------- 1 | export type ButtonProps = { 2 | title: string 3 | data?:string, 4 | onClickHandler: ()=> void 5 | } 6 | 7 | export type CardPropsType = { 8 | courseTitle: string, 9 | tag:string, 10 | description: string, 11 | showTag?: boolean, 12 | isDescription?: boolean, 13 | style:{} 14 | } 15 | 16 | 17 | export type TagPropsType = { 18 | tagText: string 19 | } 20 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/types/componentsTypes.ts: -------------------------------------------------------------------------------- 1 | export type ButtonProps = { 2 | title: string 3 | data?:string, 4 | onClickHandler: ()=> void 5 | } 6 | 7 | export type CardPropsType = { 8 | courseTitle: string, 9 | tag:string, 10 | description: string, 11 | showTag?: boolean, 12 | isDescription?: boolean, 13 | style:{} 14 | } 15 | 16 | 17 | export type TagPropsType = { 18 | tagText: string 19 | } 20 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/layout.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { Provider } from "react-redux"; 3 | import { store } from "@/store/store"; 4 | 5 | export default function RootLayout({ 6 | children, 7 | }: Readonly<{ 8 | children: React.ReactNode; 9 | }>) { 10 | return ( 11 | 12 | 13 | 14 | {children} 15 | 16 | 17 | 18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /typescript/class-09-a/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "class-08", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "type": "module", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "dependencies": { 14 | "inquirer": "^9.2.11" 15 | }, 16 | "devDependencies": { 17 | "@types/inquirer": "^9.0.3" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/src/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | @layer base { 6 | h1 { 7 | font-size: 36px !important; 8 | @apply text-[#fff]; 9 | } 10 | } 11 | @layer components { 12 | .container1 { 13 | @apply w-96 aspect-square border; 14 | } 15 | } 16 | @layer utilities { 17 | .container2 { 18 | display: flex; 19 | justify-content: center; 20 | align-items: center; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /typescript/morning/class11/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "@types/inquirer": "^9.0.3", 4 | "boostrap": "^2.0.0", 5 | "bootstrap": "^5.3.1", 6 | "inquirer": "^9.2.10" 7 | }, 8 | "name": "class09", 9 | "version": "1.0.0", 10 | "main": "index.js", 11 | "scripts": { 12 | "test": "echo \"Error: no test specified\" && exit 1" 13 | }, 14 | "author": "", 15 | "license": "ISC", 16 | "description": "", 17 | "type": "module" 18 | } 19 | -------------------------------------------------------------------------------- /typescript/class-02/assignmentOperators.ts: -------------------------------------------------------------------------------- 1 | // Simple Assignment operator = 2 | var variableName: string = "value"; 3 | var number1: number = 30; 4 | 5 | // Addition and assignment operator 6 | number1 += 10;//number1 = number1 + 10 7 | // subtract and assignment operator 8 | number1 -= 10;//number1 = number1 - 10 9 | // multiply and assignment operator 10 | number1 *= 10;//number1 = number1 * 10 11 | // divide and assignment operator 12 | number1 /= 10;//number1 = number1 / 10 13 | -------------------------------------------------------------------------------- /typescript/class-08 (Node project starter kit)/index.js: -------------------------------------------------------------------------------- 1 | import inquirer from "inquirer"; 2 | const answer = await inquirer.prompt({ 3 | name: "answer", 4 | message: "Are you sure?", 5 | type: "number", 6 | validate: async (input) => { 7 | if (typeof input !== "number") { 8 | return false; // Return false for invalid input 9 | } 10 | return true; // Return true for valid input 11 | }, 12 | }); 13 | console.log(typeof answer.answer); 14 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from "tailwindcss"; 2 | 3 | const config: Config = { 4 | content: [ 5 | "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", 6 | "./src/components/**/*.{js,ts,jsx,tsx,mdx}", 7 | "./src/app/**/*.{js,ts,jsx,tsx,mdx}", 8 | ], 9 | theme: { 10 | colors: { 11 | background: "#fdf0d5", 12 | }, 13 | screens: { 14 | tablet: "320px", 15 | }, 16 | }, 17 | plugins: [], 18 | }; 19 | export default config; 20 | -------------------------------------------------------------------------------- /typescript/ATM/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "atm-panaverse-batch-50-m", 3 | "version": "1.0.2", 4 | "description": "", 5 | "main": "index.js", 6 | "type": "module", 7 | "bin": "index.js", 8 | "scripts": { 9 | "test": "echo \"Error: no test specified\" && exit 1" 10 | }, 11 | "keywords": [], 12 | "author": "", 13 | "license": "ISC", 14 | "dependencies": { 15 | "inquirer": "^9.2.11" 16 | }, 17 | "devDependencies": { 18 | "@types/inquirer": "^9.0.3" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /typescript/morning/class12/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "@types/inquirer": "^9.0.3", 4 | "boostrap": "^2.0.0", 5 | "bootstrap": "^5.3.1", 6 | "chalk": "^5.3.0", 7 | "inquirer": "^9.2.10" 8 | }, 9 | "name": "class09", 10 | "version": "1.0.0", 11 | "main": "index.js", 12 | "scripts": { 13 | "test": "echo \"Error: no test specified\" && exit 1" 14 | }, 15 | "author": "", 16 | "license": "ISC", 17 | "description": "", 18 | "type": "module" 19 | } 20 | -------------------------------------------------------------------------------- /typescript/morning/oop/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "@types/inquirer": "^9.0.3", 4 | "boostrap": "^2.0.0", 5 | "bootstrap": "^5.3.1", 6 | "chalk": "^5.3.0", 7 | "inquirer": "^9.2.10" 8 | }, 9 | "name": "class09", 10 | "version": "1.0.0", 11 | "main": "index.js", 12 | "scripts": { 13 | "test": "echo \"Error: no test specified\" && exit 1" 14 | }, 15 | "author": "", 16 | "license": "ISC", 17 | "description": "", 18 | "type": "module" 19 | } 20 | -------------------------------------------------------------------------------- /typescript/morning/types/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "@types/inquirer": "^9.0.3", 4 | "boostrap": "^2.0.0", 5 | "bootstrap": "^5.3.1", 6 | "chalk": "^5.3.0", 7 | "inquirer": "^9.2.10" 8 | }, 9 | "name": "class09", 10 | "version": "1.0.0", 11 | "main": "index.js", 12 | "scripts": { 13 | "test": "echo \"Error: no test specified\" && exit 1" 14 | }, 15 | "author": "", 16 | "license": "ISC", 17 | "description": "", 18 | "type": "module" 19 | } 20 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/blog/[slug]/page.tsx: -------------------------------------------------------------------------------- 1 | const blogsData = [{ 2 | id:1, 3 | slug:"top-software", 4 | description:" top software houses" 5 | }, 6 | { 7 | id:2, 8 | slug:"top-companies", 9 | description:"Top software companies" 10 | }] 11 | export default function Blogs ({ params }: { params: { slug: string } }){ 12 | const selectBlog = blogsData.filter((item)=> item.slug === params.slug) 13 | return ( 14 |
{selectBlog[0]?.description}
15 | ) 16 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/login/page.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { signIn } from 'next-auth/react' 3 | import React from 'react' 4 | 5 | export default function Login() { 6 | const doLogin = async ()=>{ 7 | await signIn("credentials", { 8 | username: "test@test.com", 9 | password: "sadf", 10 | redirect: false, 11 | }); 12 | } 13 | return ( 14 |
15 | 16 | 17 |
18 | ) 19 | } 20 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/components/button.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { getSession, signOut, useSession } from 'next-auth/react' 3 | import React from 'react' 4 | 5 | export default function Button() { 6 | // const { data: session, status } = useSession() 7 | // console.log("session",session) 8 | const func = async ()=>{ 9 | const data = await getSession() 10 | alert(JSON.stringify(data)) 11 | } 12 | return ( 13 | 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /typescript/evening/class12/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "boostrap": "^2.0.0", 4 | "bootstrap": "^5.3.1", 5 | "chalk": "^5.3.0", 6 | "inquirer": "^9.2.11" 7 | }, 8 | "name": "class09", 9 | "version": "1.0.0", 10 | "main": "index.js", 11 | "scripts": { 12 | "test": "echo \"Error: no test specified\" && exit 1" 13 | }, 14 | "author": "", 15 | "license": "ISC", 16 | "description": "", 17 | "type": "module", 18 | "devDependencies": { 19 | "@types/inquirer": "^9.0.3" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /typescript/morning/class06/gitCommands.txt: -------------------------------------------------------------------------------- 1 | Once time in each laptop 2 | step1: Git software download (https://git-scm.com/download/win) 3 | step2: Open new or exiting folder cmd / terminal 4 | step3: > git config --global user.name "naveedtrainer" 5 | step4: > git config --global user.email "naveed@techloset.com" 6 | 7 | Every new project 8 | step5: > git init 9 | step6: > git remote add origin https://github.com/naveedtrainer/class-05 10 | 11 | Every New changes - repeat 12 | step7: > git add -A 13 | step8: > git commit -m "while loop added" 14 | step9: > git push origin master 15 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/services/page.tsx: -------------------------------------------------------------------------------- 1 | import { getServerSession } from "next-auth" 2 | import { authOptions } from "../api/auth/[...nextauth]/route" 3 | import { redirect } from "next/navigation" 4 | import Button from "../components/button"; 5 | 6 | export default async function Services(){ 7 | const session= await getServerSession(authOptions) 8 | // if(!session) redirect("/") 9 | console.log("session", session); 10 | 11 | 12 | return ( 13 |
14 |

{JSON.stringify(session)}

15 |
17 | ) 18 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | background-color:ghostwhite; 7 | } 8 | 9 | @media (prefers-color-scheme: dark) { 10 | :root { 11 | --foreground-rgb: 255, 255, 255; 12 | --background-start-rgb: 0, 0, 0; 13 | --background-end-rgb: 0, 0, 0; 14 | } 15 | } 16 | 17 | body { 18 | color: rgb(var(--foreground-rgb)); 19 | background: linear-gradient( 20 | to bottom, 21 | transparent, 22 | rgb(var(--background-end-rgb)) 23 | ) 24 | rgb(var(--background-start-rgb)); 25 | } 26 | -------------------------------------------------------------------------------- /learnnextjs/html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |

Techloset Solutions

11 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda qui alias eligendi, temporibus quibusdam dicta rerum laudantium nisi aliquam id aperiam a saepe repellat voluptatem aspernatur nemo veniam tempora ipsum?

12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/types/commonTypes.ts: -------------------------------------------------------------------------------- 1 | export type directorType = { 2 | name: string, 3 | title: string, 4 | intro: string, 5 | facebookUrl: string 6 | } 7 | 8 | export type studentType = { 9 | name: string, 10 | gender: string, 11 | physics: number, 12 | maths: number, 13 | english: number 14 | } 15 | 16 | export type contactTypes = { 17 | name: string, 18 | email:string, 19 | phone:number, 20 | message:string 21 | 22 | } 23 | 24 | 25 | export type onChangeEventType = { 26 | target: { value: string, name:string } 27 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/types/commonTypes.ts: -------------------------------------------------------------------------------- 1 | export type directorType = { 2 | name: string, 3 | title: string, 4 | intro: string, 5 | facebookUrl: string 6 | } 7 | 8 | export type studentType = { 9 | name: string, 10 | gender: string, 11 | physics: number, 12 | maths: number, 13 | english: number 14 | } 15 | 16 | export type contactTypes = { 17 | name: string, 18 | email:string, 19 | phone:number, 20 | message:string 21 | 22 | } 23 | 24 | 25 | export type onChangeEventType = { 26 | target: { value: string, name:string } 27 | } -------------------------------------------------------------------------------- /learnnextjs/hello-world/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from 'next' 2 | import { Inter } from 'next/font/google' 3 | // import './globals.css' 4 | import "./style.css" 5 | 6 | const inter = Inter({ subsets: ['latin'] }) 7 | 8 | export const metadata: Metadata = { 9 | title: 'Create Next App', 10 | description: 'Generated by create next app', 11 | } 12 | 13 | export default function RootLayout({ 14 | children, 15 | }: { 16 | children: React.ReactNode 17 | }) { 18 | return ( 19 | 20 | {children} 21 | 22 | ) 23 | } 24 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | background-color:ghostwhite; 7 | } 8 | 9 | @media (prefers-color-scheme: dark) { 10 | :root { 11 | --foreground-rgb: 255, 255, 255; 12 | --background-start-rgb: 0, 0, 0; 13 | --background-end-rgb: 0, 0, 0; 14 | } 15 | } 16 | 17 | body { 18 | color: rgb(var(--foreground-rgb)); 19 | background: linear-gradient( 20 | to bottom, 21 | transparent, 22 | rgb(var(--background-end-rgb)) 23 | ) 24 | rgb(var(--background-start-rgb)); 25 | } 26 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | background-color:ghostwhite; 7 | } 8 | 9 | @media (prefers-color-scheme: dark) { 10 | :root { 11 | --foreground-rgb: 255, 255, 255; 12 | --background-start-rgb: 0, 0, 0; 13 | --background-end-rgb: 0, 0, 0; 14 | } 15 | } 16 | 17 | body { 18 | color: rgb(var(--foreground-rgb)); 19 | background: linear-gradient( 20 | to bottom, 21 | transparent, 22 | rgb(var(--background-end-rgb)) 23 | ) 24 | rgb(var(--background-start-rgb)); 25 | } 26 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from "tailwindcss"; 2 | 3 | const config: Config = { 4 | content: [ 5 | "./pages/**/*.{js,ts,jsx,tsx,mdx}", 6 | "./components/**/*.{js,ts,jsx,tsx,mdx}", 7 | "./app/**/*.{js,ts,jsx,tsx,mdx}", 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", 13 | "gradient-conic": 14 | "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | }; 20 | export default config; 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/src/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from "next"; 2 | import { Rubik_Beastly } from "next/font/google"; 3 | import "./globals.css"; 4 | 5 | const inter = Rubik_Beastly({ subsets: ["latin"], weight: "400" }); 6 | 7 | export const metadata: Metadata = { 8 | title: "Create Next App", 9 | description: "Generated by create next app", 10 | }; 11 | 12 | export default function RootLayout({ 13 | children, 14 | }: { 15 | children: React.ReactNode; 16 | }) { 17 | return ( 18 | 19 | {children} 20 | 21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /typescript/class-05/index.ts: -------------------------------------------------------------------------------- 1 | let arr = ["name", 10000, false]; 2 | // Now let's say that we have to store the names of students of a class of strength 500 3 | // So, the first solution comes in our mind is make a separate variable for each name but it's too much problematic work. 4 | // Here is a new tool that we can use to do this named as array. 5 | 6 | let names = ["Abu Hurairah", "Zia Khan", "Naveed Rana"]; 7 | // The above given array is of any type means we can push data in to the array of any type like undefined, number, string etc. 8 | 9 | let typeStrictArray: number[] = [2, 4, 5, 7, 9, 7, 8, 2, 1, 4, 8, 12, 85, 5, 7]; 10 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/src/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from "next"; 2 | import { Rubik_Beastly } from "next/font/google"; 3 | import "./globals.css"; 4 | 5 | const inter = Rubik_Beastly({ subsets: ["latin"], weight: "400" }); 6 | 7 | export const metadata: Metadata = { 8 | title: "Create Next App", 9 | description: "Generated by create next app", 10 | }; 11 | 12 | export default function RootLayout({ 13 | children, 14 | }: { 15 | children: React.ReactNode; 16 | }) { 17 | return ( 18 | 19 | {children} 20 | 21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './src/pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './src/components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './src/app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | }, 17 | }, 18 | plugins: [], 19 | } 20 | export default config 21 | -------------------------------------------------------------------------------- /typescript/class-08 (Node project starter kit)/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "panaverse-batch-50", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "type": "module", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "@types/chalk-animation": "^1.6.1", 15 | "@types/inquirer": "^9.0.3" 16 | }, 17 | "dependencies": { 18 | "chalk": "^5.3.0", 19 | "chalk-animation": "^2.0.3", 20 | "inquirer": "^9.2.10", 21 | "node-banner": "^1.4.0" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background: linear-gradient( 22 | to bottom, 23 | transparent, 24 | rgb(var(--background-end-rgb)) 25 | ) 26 | rgb(var(--background-start-rgb)); 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "styling", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "react": "^18", 13 | "react-dom": "^18", 14 | "next": "14.0.4" 15 | }, 16 | "devDependencies": { 17 | "typescript": "^5", 18 | "@types/node": "^20", 19 | "@types/react": "^18", 20 | "@types/react-dom": "^18", 21 | "autoprefixer": "^10.0.1", 22 | "postcss": "^8", 23 | "tailwindcss": "^3.3.0", 24 | "eslint": "^8", 25 | "eslint-config-next": "14.0.4" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background: linear-gradient( 22 | to bottom, 23 | transparent, 24 | rgb(var(--background-end-rgb)) 25 | ) 26 | rgb(var(--background-start-rgb)); 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background: linear-gradient( 22 | to bottom, 23 | transparent, 24 | rgb(var(--background-end-rgb)) 25 | ) 26 | rgb(var(--background-start-rgb)); 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background: linear-gradient( 22 | to bottom, 23 | transparent, 24 | rgb(var(--background-end-rgb)) 25 | ) 26 | rgb(var(--background-start-rgb)); 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "react": "^18", 13 | "react-dom": "^18", 14 | "next": "14.0.2" 15 | }, 16 | "devDependencies": { 17 | "typescript": "^5", 18 | "@types/node": "^20", 19 | "@types/react": "^18", 20 | "@types/react-dom": "^18", 21 | "autoprefixer": "^10.0.1", 22 | "postcss": "^8", 23 | "tailwindcss": "^3.3.0", 24 | "eslint": "^8", 25 | "eslint-config-next": "14.0.2" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/components/counterApp.tsx: -------------------------------------------------------------------------------- 1 | import { useDispatch, useSelector } from "react-redux" 2 | import { decreament, increament } from "@/store/slices/counterSlice" 3 | 4 | export default function CounterApp() { 5 | const dispatch = useDispatch() 6 | const count = useSelector((store)=> store.counterSlice.count) 7 | 8 | const onPlusHandler = ()=>{ 9 | dispatch(increament()) 10 | } 11 | const onMinusHandler = ()=>{ 12 | dispatch(decreament()) 13 | } 14 | return ( 15 |
16 | 17 | 18 | {count} 19 | 20 |
21 | ) 22 | } 23 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background: linear-gradient( 22 | to bottom, 23 | transparent, 24 | rgb(var(--background-end-rgb)) 25 | ) 26 | rgb(var(--background-start-rgb)); 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "styling", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "react": "^18", 13 | "react-dom": "^18", 14 | "next": "14.0.4" 15 | }, 16 | "devDependencies": { 17 | "typescript": "^5", 18 | "@types/node": "^20", 19 | "@types/react": "^18", 20 | "@types/react-dom": "^18", 21 | "autoprefixer": "^10.0.1", 22 | "postcss": "^8", 23 | "tailwindcss": "^3.3.0", 24 | "eslint": "^8", 25 | "eslint-config-next": "14.0.4" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "next-redux", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "@reduxjs/toolkit": "^2.1.0", 13 | "next": "14.1.0", 14 | "react": "^18", 15 | "react-dom": "^18", 16 | "react-redux": "^9.1.0" 17 | }, 18 | "devDependencies": { 19 | "@types/node": "^20", 20 | "@types/react": "^18", 21 | "@types/react-dom": "^18", 22 | "autoprefixer": "^10.0.1", 23 | "postcss": "^8", 24 | "tailwindcss": "^3.3.0", 25 | "typescript": "^5" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "react": "^18", 13 | "react-dom": "^18", 14 | "next": "14.0.2" 15 | }, 16 | "devDependencies": { 17 | "typescript": "^5", 18 | "@types/node": "^20", 19 | "@types/react": "^18", 20 | "@types/react-dom": "^18", 21 | "autoprefixer": "^10.0.1", 22 | "postcss": "^8", 23 | "tailwindcss": "^3.3.0", 24 | "eslint": "^8", 25 | "eslint-config-next": "14.0.2" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "lib": ["dom", "dom.iterable", "esnext"], 4 | "allowJs": true, 5 | "skipLibCheck": true, 6 | "strict": true, 7 | "noEmit": true, 8 | "esModuleInterop": true, 9 | "module": "esnext", 10 | "moduleResolution": "bundler", 11 | "resolveJsonModule": true, 12 | "isolatedModules": true, 13 | "jsx": "preserve", 14 | "incremental": true, 15 | "plugins": [ 16 | { 17 | "name": "next" 18 | } 19 | ], 20 | "paths": { 21 | "@/*": ["./*"] 22 | } 23 | }, 24 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 25 | "exclude": ["node_modules"] 26 | } 27 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "next": "14.0.2", 13 | "next-auth": "^4.24.5", 14 | "react": "^18", 15 | "react-dom": "^18" 16 | }, 17 | "devDependencies": { 18 | "@types/node": "^20", 19 | "@types/react": "^18", 20 | "@types/react-dom": "^18", 21 | "autoprefixer": "^10.0.1", 22 | "eslint": "^8", 23 | "eslint-config-next": "14.0.2", 24 | "postcss": "^8", 25 | "tailwindcss": "^3.3.0", 26 | "typescript": "^5" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /typescript/class-02/comparisonOperators.ts: -------------------------------------------------------------------------------- 1 | var num1: number = 10; 2 | var num2: number = 20; 3 | 4 | // Comparison operator returns BOOLEAN type value. 5 | 6 | // less than operator 7 | var result: boolean = num2 < num1; 8 | 9 | // greater than operator 10 | var result2: boolean = num1 > num2; 11 | 12 | // equal to operator 13 | //only value check. 14 | var result3: boolean = num1 == num2; 15 | // value check and datatype check. 16 | var result4: boolean = num1 === num2; 17 | 18 | //not equal to operator 19 | var result6: boolean = num1 != num2 20 | 21 | //Greater than and equal to operator 22 | var result5: boolean = num1 >= num2; 23 | 24 | //Less than and equal to operator 25 | var result5: boolean = num1 <= num2; 26 | 27 | 28 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/todos/serverRender.tsx: -------------------------------------------------------------------------------- 1 | import axios from "axios" 2 | 3 | 4 | const getTodos = async ()=>{ 5 | try { 6 | 7 | const result = await fetch('https://dummyjson.com/todos') 8 | console.log("data from api"); 9 | const data = await result.json() 10 | console.log("data",data); 11 | 12 | return data?.todos 13 | } catch (error) { 14 | console.log("error",error); 15 | } 16 | 17 | } 18 | 19 | export default async function Todos() { 20 | 21 | const todos = await getTodos() 22 | return ( 23 |
24 | {todos?.map((todo)=>{ 25 | return
26 | {todo.id} - {todo.todo} 27 |
28 | })} 29 |
30 | ) 31 | } 32 | 33 | 34 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/page.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { useDispatch, useSelector } from "react-redux" 3 | import CounterApp from "./components/counterApp" 4 | import { changeUserName } from "@/store/slices/counterSlice" 5 | 6 | export default function Home() { 7 | const dispatch = useDispatch() 8 | const counterSlice = useSelector((store) => store.counterSlice) 9 | 10 | const onClickHandler = ()=>{ 11 | dispatch(changeUserName({user:"Ali"})) 12 | } 13 | return ( 14 |
15 | 16 |

from home page - {counterSlice.userName}

17 |

from home page - {counterSlice.count}

18 | 19 |
20 | ) 21 | } 22 | -------------------------------------------------------------------------------- /learnnextjs/flex-box/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./src/*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/todos/serverRender.tsx: -------------------------------------------------------------------------------- 1 | import axios from "axios" 2 | 3 | 4 | const getTodos = async ()=>{ 5 | try { 6 | 7 | const result = await fetch('https://dummyjson.com/todos') 8 | console.log("data from api"); 9 | const data = await result.json() 10 | console.log("data",data); 11 | 12 | return data?.todos 13 | } catch (error) { 14 | console.log("error",error); 15 | } 16 | 17 | } 18 | 19 | export default async function Todos() { 20 | 21 | const todos = await getTodos() 22 | return ( 23 |
24 | {todos?.map((todo)=>{ 25 | return
26 | {todo.id} - {todo.todo} 27 |
28 | })} 29 |
30 | ) 31 | } 32 | 33 | 34 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./src/*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/types/commonTypes.ts: -------------------------------------------------------------------------------- 1 | export type directorType = { 2 | name: string, 3 | title: string, 4 | intro: string, 5 | facebookUrl: string 6 | } 7 | 8 | export type studentType = { 9 | name: string, 10 | gender: string, 11 | physics: number, 12 | maths: number, 13 | english: number 14 | } 15 | 16 | export type contactTypes = { 17 | name: string, 18 | email:string, 19 | phone:number, 20 | message:string 21 | 22 | } 23 | 24 | 25 | export type onChangeEventType = { 26 | target: { value: string, name:string } 27 | } 28 | 29 | export type ExpenseType = { 30 | note: string, 31 | date: string, 32 | amount: number, 33 | category: string, 34 | id: string 35 | } -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "axios": "^1.6.2", 13 | "next": "14.0.2", 14 | "react": "^18", 15 | "react-dom": "^18", 16 | "yup": "^1.3.3" 17 | }, 18 | "devDependencies": { 19 | "@types/node": "^20", 20 | "@types/react": "^18", 21 | "@types/react-dom": "^18", 22 | "autoprefixer": "^10.0.1", 23 | "eslint": "^8", 24 | "eslint-config-next": "14.0.2", 25 | "postcss": "^8", 26 | "tailwindcss": "^3.3.0", 27 | "typescript": "^5" 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "axios": "^1.6.2", 13 | "next": "14.0.2", 14 | "react": "^18", 15 | "react-dom": "^18", 16 | "yup": "^1.3.3" 17 | }, 18 | "devDependencies": { 19 | "@types/node": "^20", 20 | "@types/react": "^18", 21 | "@types/react-dom": "^18", 22 | "autoprefixer": "^10.0.1", 23 | "eslint": "^8", 24 | "eslint-config-next": "14.0.2", 25 | "postcss": "^8", 26 | "tailwindcss": "^3.3.0", 27 | "typescript": "^5" 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /typescript/class-02/logicalOperators.ts: -------------------------------------------------------------------------------- 1 | // OR Operator || 2 | /* 3 | OR operator help table 4 | input1 input2 result 5 | true true true 6 | true false true 7 | false true true 8 | false false false 9 | - If ONE is TRUE then ALL TRUE. 10 | */ 11 | 12 | 13 | //AND Operator && 14 | /* 15 | AND operator table 16 | input1 input2 result 17 | true true true 18 | true false false 19 | false true false 20 | false false false 21 | - If ONE is FALSE then ALL FALSE. 22 | */ 23 | 24 | 25 | //NOT operator ! 26 | /* 27 | NOT operator table 28 | input result 29 | true false 30 | false true 31 | - Input will be inverted. 32 | */ -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/types/commonTypes.ts: -------------------------------------------------------------------------------- 1 | export type directorType = { 2 | name: string, 3 | title: string, 4 | intro: string, 5 | facebookUrl: string 6 | } 7 | 8 | export type studentType = { 9 | name: string, 10 | gender: string, 11 | physics: number, 12 | maths: number, 13 | english: number 14 | } 15 | 16 | export type contactTypes = { 17 | name: string, 18 | email:string, 19 | phone:number, 20 | message:string 21 | 22 | } 23 | 24 | 25 | export type onChangeEventType = { 26 | target: { value: string, name:string } 27 | } 28 | 29 | export type ExpenseType = { 30 | note: string, 31 | date: string, 32 | amount: number, 33 | category: string, 34 | id: string 35 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/types/commonTypes.ts: -------------------------------------------------------------------------------- 1 | export type directorType = { 2 | name: string, 3 | title: string, 4 | intro: string, 5 | facebookUrl: string 6 | } 7 | 8 | export type studentType = { 9 | name: string, 10 | gender: string, 11 | physics: number, 12 | maths: number, 13 | english: number 14 | } 15 | 16 | export type contactTypes = { 17 | name: string, 18 | email:string, 19 | phone:number, 20 | message:string 21 | 22 | } 23 | 24 | 25 | export type onChangeEventType = { 26 | target: { value: string, name:string } 27 | } 28 | 29 | export type ExpenseType = { 30 | note: string, 31 | date: string, 32 | amount: number, 33 | category: string, 34 | id: string 35 | } -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/products/page.tsx: -------------------------------------------------------------------------------- 1 | import { client } from "@/config/contentful" 2 | 3 | const fetchProducts = async () =>{ 4 | const products = await client.getEntries({ 5 | 'content_type': 'products', 6 | }) 7 | console.log("Products",products.items[0].fields); 8 | return products.items 9 | 10 | } 11 | 12 | export default async function Products() { 13 | const data = await fetchProducts() 14 | console.log("data",data); 15 | 16 | return ( 17 |
18 |

List of Products

19 | 20 | {data?.map(product =>{ 21 | return
22 |

{product?.fields.title} - {product?.fields?.stock}

23 |
24 | })} 25 | 26 | 27 |
28 | ) 29 | } 30 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | :root { 6 | --foreground-rgb: 0, 0, 0; 7 | --background-start-rgb: 214, 219, 220; 8 | --background-end-rgb: 255, 255, 255; 9 | } 10 | 11 | @media (prefers-color-scheme: dark) { 12 | :root { 13 | --foreground-rgb: 255, 255, 255; 14 | --background-start-rgb: 0, 0, 0; 15 | --background-end-rgb: 0, 0, 0; 16 | } 17 | } 18 | 19 | body { 20 | color: rgb(var(--foreground-rgb)); 21 | background: linear-gradient( 22 | to bottom, 23 | transparent, 24 | rgb(var(--background-end-rgb)) 25 | ) 26 | rgb(var(--background-start-rgb)); 27 | } 28 | 29 | @layer utilities { 30 | .text-balance { 31 | text-wrap: balance; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/products/page.tsx: -------------------------------------------------------------------------------- 1 | import { client } from "@/config/contentful" 2 | 3 | const fetchProducts = async () =>{ 4 | const products = await client.getEntries({ 5 | 'content_type': 'products', 6 | }) 7 | console.log("Products",products.items[0].fields); 8 | return products.items 9 | 10 | } 11 | 12 | export default async function Products() { 13 | const data = await fetchProducts() 14 | console.log("data",data); 15 | 16 | return ( 17 |
18 |

List of Products

19 | 20 | {data?.map(product =>{ 21 | return
22 |

{product?.fields.title} - {product?.fields?.stock}

23 |
24 | })} 25 | 26 | 27 |
28 | ) 29 | } 30 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "axios": "^1.6.2", 13 | "next": "14.0.2", 14 | "react": "^18", 15 | "react-dom": "^18", 16 | "react-icons": "^4.12.0", 17 | "yup": "^1.3.3" 18 | }, 19 | "devDependencies": { 20 | "@types/node": "^20", 21 | "@types/react": "^18", 22 | "@types/react-dom": "^18", 23 | "autoprefixer": "^10.0.1", 24 | "eslint": "^8", 25 | "eslint-config-next": "14.0.2", 26 | "postcss": "^8", 27 | "tailwindcss": "^3.3.0", 28 | "typescript": "^5" 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Button from "./components/button/button" 2 | import Card from "@/app/components/card/card" 3 | function Home() { 4 | 5 | return ( 6 |
7 |

8 | Home Page 9 |

10 | {5 == 5 && 11 | } 12 |
17 | ) 18 | } 19 | 20 | export default Home -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Button from "./components/button/button" 2 | import Card from "@/app/components/card/card" 3 | function Home() { 4 | 5 | return ( 6 |
7 |

8 | Home Page 9 |

10 | {5 == 5 && 11 | } 12 |
17 | ) 18 | } 19 | 20 | export default Home -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Button from "./components/button/button" 2 | import Card from "@/app/components/card/card" 3 | function Home() { 4 | 5 | return ( 6 |
7 |

8 | Home Page 9 |

10 | {5 == 5 && 11 | } 12 |
17 | ) 18 | } 19 | 20 | export default Home -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Button from "./components/button/button" 2 | import Card from "@/app/components/card/card" 3 | function Home() { 4 | 5 | return ( 6 |
7 |

8 | Home Page 9 |

10 | {5 == 5 && 11 | } 12 |
17 | ) 18 | } 19 | 20 | export default Home -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Button from "./components/button/button" 2 | import Card from "@/app/components/card/card" 3 | function Home() { 4 | 5 | return ( 6 |
7 |

8 | Home Page 9 |

10 | {5 == 5 && 11 | } 12 |
17 | ) 18 | } 19 | 20 | export default Home -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "axios": "^1.6.5", 13 | "contentful": "^10.6.16", 14 | "next": "14.0.2", 15 | "react": "^18", 16 | "react-dom": "^18", 17 | "react-icons": "^4.12.0", 18 | "yup": "^1.3.3" 19 | }, 20 | "devDependencies": { 21 | "@types/node": "^20", 22 | "@types/react": "^18", 23 | "@types/react-dom": "^18", 24 | "autoprefixer": "^10.0.1", 25 | "eslint": "^8", 26 | "eslint-config-next": "14.0.2", 27 | "postcss": "^8", 28 | "tailwindcss": "^3.3.0", 29 | "typescript": "^5" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Button from "./components/button/button" 2 | import Card from "@/app/components/card/card" 3 | function Home() { 4 | 5 | return ( 6 |
7 |

8 | Home Page 9 |

10 | {5 == 5 && 11 | } 12 |
17 | ) 18 | } 19 | 20 | export default Home -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hello-world", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "axios": "^1.6.5", 13 | "contentful": "^10.6.16", 14 | "next": "14.0.2", 15 | "react": "^18", 16 | "react-dom": "^18", 17 | "react-icons": "^4.12.0", 18 | "yup": "^1.3.3" 19 | }, 20 | "devDependencies": { 21 | "@types/node": "^20", 22 | "@types/react": "^18", 23 | "@types/react-dom": "^18", 24 | "autoprefixer": "^10.0.1", 25 | "eslint": "^8", 26 | "eslint-config-next": "14.0.2", 27 | "postcss": "^8", 28 | "tailwindcss": "^3.3.0", 29 | "typescript": "^5" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /learnnextjs/next-redux/store/slices/counterSlice.ts: -------------------------------------------------------------------------------- 1 | import { createSlice } from "@reduxjs/toolkit"; 2 | 3 | const initialState = { 4 | userName:'Naveed Sarwar', 5 | count: 1 6 | } 7 | 8 | export const counterSlice = createSlice({ 9 | name:'counter', 10 | initialState: initialState, 11 | reducers:{ 12 | changeUserName:(state,action)=>{ 13 | console.log("action",action); 14 | 15 | state.userName = action.payload.user 16 | }, 17 | increament: (state)=>{ 18 | state.count = state.count + 1 19 | }, 20 | decreament: (state)=>{ 21 | state.count = state.count -1 22 | }, 23 | reset: (state)=>{ 24 | state.count = 0 25 | }, 26 | } 27 | 28 | }) 29 | 30 | export const {changeUserName, increament, decreament, reset} = counterSlice.actions 31 | export default counterSlice.reducer -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/contact/components/displayContact.tsx: -------------------------------------------------------------------------------- 1 | import { contactTypes } from "@/types/commonTypes"; 2 | 3 | export default function DisplayContact(props: { contactData: contactTypes[] }) { 4 | return ( 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | {props.contactData.map((item, index) => { 16 | return ( 17 | 18 | 19 | 20 | 21 | 22 | 23 | ) 24 | })} 25 | 26 |
NameEmailPhoneMessage
{item.name}{item.email}{item.phone}{item.message}
27 |
28 | 29 |
30 | ) 31 | } 32 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/contact/components/displayContact.tsx: -------------------------------------------------------------------------------- 1 | import { contactTypes } from "@/types/commonTypes"; 2 | 3 | export default function DisplayContact(props: { contactData: contactTypes[] }) { 4 | return ( 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | {props.contactData.map((item, index) => { 16 | return ( 17 | 18 | 19 | 20 | 21 | 22 | 23 | ) 24 | })} 25 | 26 |
NameEmailPhoneMessage
{item.name}{item.email}{item.phone}{item.message}
27 |
28 | 29 |
30 | ) 31 | } 32 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/contact/components/displayContact.tsx: -------------------------------------------------------------------------------- 1 | import { contactTypes } from "@/types/commonTypes"; 2 | 3 | export default function DisplayContact(props: { contactData: contactTypes[] }) { 4 | return ( 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | {props.contactData.map((item, index) => { 16 | return ( 17 | 18 | 19 | 20 | 21 | 22 | 23 | ) 24 | })} 25 | 26 |
NameEmailPhoneMessage
{item.name}{item.email}{item.phone}{item.message}
27 |
28 | 29 |
30 | ) 31 | } 32 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/contact/components/displayContact.tsx: -------------------------------------------------------------------------------- 1 | import { contactTypes } from "@/types/commonTypes"; 2 | 3 | export default function DisplayContact(props: { contactData: contactTypes[] }) { 4 | return ( 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | {props.contactData.map((item, index) => { 16 | return ( 17 | 18 | 19 | 20 | 21 | 22 | 23 | ) 24 | })} 25 | 26 |
NameEmailPhoneMessage
{item.name}{item.email}{item.phone}{item.message}
27 |
28 | 29 |
30 | ) 31 | } 32 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/contact/components/displayContact.tsx: -------------------------------------------------------------------------------- 1 | import { contactTypes } from "@/types/commonTypes"; 2 | 3 | export default function DisplayContact(props: { contactData: contactTypes[] }) { 4 | return ( 5 |
6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | {props.contactData.map((item, index) => { 16 | return ( 17 | 18 | 19 | 20 | 21 | 22 | 23 | ) 24 | })} 25 | 26 |
NameEmailPhoneMessage
{item.name}{item.email}{item.phone}{item.message}
27 |
28 | 29 |
30 | ) 31 | } 32 | -------------------------------------------------------------------------------- /typescript/class-09-a/index.ts: -------------------------------------------------------------------------------- 1 | import inquirer from "inquirer"; 2 | 3 | inquirer 4 | .prompt([ 5 | { 6 | name: "num1", 7 | type: "number", 8 | message: "Enter the first number?", 9 | }, 10 | { 11 | name: "num2", 12 | type: "number", 13 | message: "Enter the second number?", 14 | }, 15 | { 16 | name: "operation", 17 | type: "list", 18 | message: "Enter the operation?", 19 | choices: ["Addition", "Subtraction", "Multiplication", "Division"], 20 | }, 21 | ]) 22 | .then((answer) => { 23 | console.log(answer); 24 | switch (answer.operation) { 25 | case "Addition": 26 | console.log(answer.num1 + answer.num2); 27 | break; 28 | case "Subtraction": 29 | console.log(answer.num1 - answer.num2); 30 | break; 31 | default: 32 | break; 33 | } 34 | }); 35 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/types/componentsTypes.ts: -------------------------------------------------------------------------------- 1 | import { ExpenseType } from "./commonTypes" 2 | 3 | export type ButtonProps = { 4 | title: string 5 | data?:string, 6 | onClickHandler: ()=> void 7 | } 8 | 9 | export type CardPropsType = { 10 | courseTitle: string, 11 | tag:string, 12 | description: string, 13 | showTag?: boolean, 14 | isDescription?: boolean, 15 | style:{} 16 | } 17 | 18 | 19 | export type TagPropsType = { 20 | tagText: string 21 | } 22 | 23 | 24 | export type ExpensePropsType = { 25 | note: string, 26 | date: string, 27 | amount: number, 28 | category: string, 29 | id: string 30 | } 31 | 32 | export type ExpenseModalProps = { 33 | isOpen: boolean, 34 | onClose: ()=> void, 35 | expense: ExpenseType 36 | onAddExpense: (expense:ExpenseType)=> void 37 | onUpdateExpense: (expense:ExpenseType)=> void 38 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/types/componentsTypes.ts: -------------------------------------------------------------------------------- 1 | import { ExpenseType } from "./commonTypes" 2 | 3 | export type ButtonProps = { 4 | title: string 5 | data?:string, 6 | onClickHandler: ()=> void 7 | } 8 | 9 | export type CardPropsType = { 10 | courseTitle: string, 11 | tag:string, 12 | description: string, 13 | showTag?: boolean, 14 | isDescription?: boolean, 15 | style:{} 16 | } 17 | 18 | 19 | export type TagPropsType = { 20 | tagText: string 21 | } 22 | 23 | 24 | export type ExpensePropsType = { 25 | note: string, 26 | date: string, 27 | amount: number, 28 | category: string, 29 | id: string 30 | } 31 | 32 | export type ExpenseModalProps = { 33 | isOpen: boolean, 34 | onClose: ()=> void, 35 | expense: ExpenseType 36 | onAddExpense: (expense:ExpenseType)=> void 37 | onUpdateExpense: (expense:ExpenseType)=> void 38 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/types/componentsTypes.ts: -------------------------------------------------------------------------------- 1 | import { ExpenseType } from "./commonTypes" 2 | 3 | export type ButtonProps = { 4 | title: string 5 | data?:string, 6 | onClickHandler: ()=> void 7 | } 8 | 9 | export type CardPropsType = { 10 | courseTitle: string, 11 | tag:string, 12 | description: string, 13 | showTag?: boolean, 14 | isDescription?: boolean, 15 | style:{} 16 | } 17 | 18 | 19 | export type TagPropsType = { 20 | tagText: string 21 | } 22 | 23 | 24 | export type ExpensePropsType = { 25 | note: string, 26 | date: string, 27 | amount: number, 28 | category: string, 29 | id: string 30 | } 31 | 32 | export type ExpenseModalProps = { 33 | isOpen: boolean, 34 | onClose: ()=> void, 35 | expense: ExpenseType 36 | onAddExpense: (expense:ExpenseType)=> void 37 | onUpdateExpense: (expense:ExpenseType)=> void 38 | } -------------------------------------------------------------------------------- /typescript/class-09-a/index.js: -------------------------------------------------------------------------------- 1 | import inquirer from "inquirer"; 2 | inquirer 3 | .prompt([ 4 | { 5 | name: "num1", 6 | type: "number", 7 | message: "Enter the first number?", 8 | }, 9 | { 10 | name: "num2", 11 | type: "number", 12 | message: "Enter the second number?", 13 | }, 14 | { 15 | name: "operation", 16 | type: "list", 17 | message: "Enter the operation?", 18 | choices: ["Addition", "Subtraction", "Multiplication", "Division"], 19 | }, 20 | ]) 21 | .then((answer) => { 22 | console.log(answer); 23 | switch (answer.operation) { 24 | case "Addition": 25 | console.log(answer.num1 + answer.num2); 26 | break; 27 | case "Subtraction": 28 | console.log(answer.num1 - answer.num2); 29 | break; 30 | default: 31 | break; 32 | } 33 | }); 34 | -------------------------------------------------------------------------------- /typescript/class-03/switchCase.ts: -------------------------------------------------------------------------------- 1 | // The Switch...Case conditionals is used when we have to just do matching and perform no calculation in the condition part 2 | // !Syntax 3 | // switch (key) { 4 | // case value: 5 | 6 | // break; 7 | 8 | // default: 9 | // break; 10 | // } 11 | 12 | let _number: number = 1; 13 | 14 | switch (_number) { 15 | case 1: 16 | console.log("Monday"); 17 | 18 | break; 19 | case 2: 20 | console.log("Tuesday"); 21 | 22 | break; 23 | case 3: 24 | console.log("Wednesday"); 25 | 26 | break; 27 | case 4: 28 | console.log("Thursday"); 29 | 30 | break; 31 | case 5: 32 | console.log("Friday"); 33 | 34 | break; 35 | case 6: 36 | console.log("Saturday"); 37 | 38 | break; 39 | case 7: 40 | console.log("Sunday"); 41 | 42 | break; 43 | 44 | default: 45 | console.log("You entered a wrong number"); 46 | 47 | break; 48 | } 49 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/components/card/card.tsx: -------------------------------------------------------------------------------- 1 | import { CardPropsType } from "@/types/componentsTypes"; 2 | import Tag from "../tag/tag"; 3 | var courseTitle: string[] = ["Web and Mobile"] 4 | 5 | var count:number = 10; 6 | var countShow: boolean = false; 7 | export default function Card(props: CardPropsType) { 8 | if(count > 5) { 9 | // do this 10 | countShow=true 11 | } 12 | return ( 13 |
14 |

{props.courseTitle} - {props.tag}

15 | {props.isDescription &&

{props.description}

} 16 |
17 | {props.showTag ? : "No tags available"} 18 |
19 | {countShow ? {count}:null } 20 | {count > 5 && {count}} 21 |
22 | ) 23 | } -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/components/card/card.tsx: -------------------------------------------------------------------------------- 1 | import { CardPropsType } from "@/types/componentsTypes"; 2 | import Tag from "../tag/tag"; 3 | var courseTitle: string[] = ["Web and Mobile"] 4 | 5 | var count:number = 10; 6 | var countShow: boolean = false; 7 | export default function Card(props: CardPropsType) { 8 | if(count > 5) { 9 | // do this 10 | countShow=true 11 | } 12 | return ( 13 |
14 |

{props.courseTitle} - {props.tag}

15 | {props.isDescription &&

{props.description}

} 16 |
17 | {props.showTag ? : "No tags available"} 18 |
19 | {countShow ? {count}:null } 20 | {count > 5 && {count}} 21 |
22 | ) 23 | } -------------------------------------------------------------------------------- /learnnextjs/next-redux/store/slices/serviceSlice.ts: -------------------------------------------------------------------------------- 1 | import { createSlice } from "@reduxjs/toolkit"; 2 | 3 | const initialState = { 4 | services:[{ 5 | title:"Web and Mobile", 6 | description: "web mobile service" 7 | }, 8 | { 9 | title:"A.I", 10 | description: "A.I service" 11 | } 12 | ] 13 | 14 | } 15 | 16 | export const serviceSlice = createSlice({ 17 | name:'service', 18 | initialState: initialState, 19 | reducers:{ 20 | createService:(state,action)=>{ 21 | state.services = [...state.services, action.payload]; 22 | }, 23 | updateService:(state,action)=>{ 24 | state.services = state.services.map(service => { 25 | if (service.id === action.payload.id) { 26 | return action.payload 27 | } 28 | return service 29 | }) 30 | 31 | } 32 | } 33 | 34 | }) 35 | 36 | export const {createService, updateService} = serviceSlice.actions 37 | export default serviceSlice.reducer -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/components/card/card.tsx: -------------------------------------------------------------------------------- 1 | import { CardPropsType } from "@/types/componentsTypes"; 2 | import Tag from "../tag/tag"; 3 | var courseTitle: string[] = ["Web and Mobile"] 4 | 5 | var count:number = 10; 6 | var countShow: boolean = false; 7 | export default function Card(props: CardPropsType) { 8 | if(count > 5) { 9 | // do this 10 | countShow=true 11 | } 12 | return ( 13 |
14 |

{props.courseTitle} - {props.tag}

15 | {props.isDescription &&

{props.description}

} 16 |
17 | {props.showTag ? : "No tags available"} 18 |
19 | {countShow ? {count}:null } 20 | {count > 5 && {count}} 21 |
22 | ) 23 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/components/card/card.tsx: -------------------------------------------------------------------------------- 1 | import { CardPropsType } from "@/types/componentsTypes"; 2 | import Tag from "../tag/tag"; 3 | var courseTitle: string[] = ["Web and Mobile"] 4 | 5 | var count:number = 10; 6 | var countShow: boolean = false; 7 | export default function Card(props: CardPropsType) { 8 | if(count > 5) { 9 | // do this 10 | countShow=true 11 | } 12 | return ( 13 |
14 |

{props.courseTitle} - {props.tag}

15 | {props.isDescription &&

{props.description}

} 16 |
17 | {props.showTag ? : "No tags available"} 18 |
19 | {countShow ? {count}:null } 20 | {count > 5 && {count}} 21 |
22 | ) 23 | } -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/components/card/card.tsx: -------------------------------------------------------------------------------- 1 | import { CardPropsType } from "@/types/componentsTypes"; 2 | import Tag from "../tag/tag"; 3 | var courseTitle: string[] = ["Web and Mobile"] 4 | 5 | var count:number = 10; 6 | var countShow: boolean = false; 7 | export default function Card(props: CardPropsType) { 8 | if(count > 5) { 9 | // do this 10 | countShow=true 11 | } 12 | return ( 13 |
14 |

{props.courseTitle} - {props.tag}

15 | {props.isDescription &&

{props.description}

} 16 |
17 | {props.showTag ? : "No tags available"} 18 |
19 | {countShow ? {count}:null } 20 | {count > 5 && {count}} 21 |
22 | ) 23 | } -------------------------------------------------------------------------------- /typescript/class-02/string.ts: -------------------------------------------------------------------------------- 1 | // Initializing String type variables 2 | var userName: string = "Abu Hurairah"; 3 | var userName2: string = 'Naveed'; 4 | 5 | var userName3: string = `Naveed`;//Specifically this one is called template literals. As it involves different features. 6 | 7 | // Let's try to concatenate two strings 8 | //Without template literals 9 | var firstName: string = "Muhammad"; 10 | var lastName: string = "Ali"; 11 | var fullName: string = firstName + " " + lastName; 12 | console.log("fullName:", fullName); 13 | // With template literals 14 | var firstName1: string = `Ahmad`; 15 | var lastName1: string = `Ali`; 16 | var fullName1: string = `${firstName1} ${lastName1}`;//using template literals we can use variable any where in the string, just using ${variableName}. The dollar sign help compiler to understand that here is the start of javascript/typescript 17 | console.log("fullName1:", fullName1); 18 | //Another example 19 | console.log(`Assalam u Alakium ${fullName}, How are you???`) 20 | 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/components/card/card.tsx: -------------------------------------------------------------------------------- 1 | import { CardPropsType } from "@/types/componentsTypes"; 2 | import Tag from "../tag/tag"; 3 | var courseTitle: string[] = ["Web and Mobile"] 4 | 5 | var count:number = 10; 6 | var countShow: boolean = false; 7 | export default function Card(props: CardPropsType) { 8 | if(count > 5) { 9 | // do this 10 | countShow=true 11 | } 12 | return ( 13 |
14 |

{props.courseTitle} - {props.tag}

15 | {props.isDescription &&

{props.description}

} 16 |
17 | {props.showTag ? : "No tags available"} 18 |
19 | {countShow ? {count}:null } 20 | {count > 5 && {count}} 21 |
22 | ) 23 | } -------------------------------------------------------------------------------- /typescript/class-01/index.ts: -------------------------------------------------------------------------------- 1 | console.log("Abu Hurairah, Naveed Sarwar"); //To show user output (on console) 2 | 3 | var userName = "Abu Hurairah"; // "var" is a reserved keyword for declaring a variable. "userName" is the name of variable 4 | //And after equal in inverted commas is the text we want to store. 5 | console.log(userName); // reading the variable and printing it's value 6 | 7 | var userName2: string = "Naveed"; //Restricting the variable to only store "string" data. 8 | console.log(userName2); 9 | 10 | var num1: number = 2; //variable for number values "can contain both integer or float value" 11 | var num2: number = 4; 12 | 13 | /*In typescript, 14 | "+" is used as addition operator 15 | "-" is used as subtraction operator 16 | "*" is used as multiplication operator 17 | "/" is used as division operator 18 | "=" is used as assignment operator (in maths it is used as equal to operator but in typescript it doesn't.) */ 19 | var result: number = num1 + num2; //Adding two variables 20 | console.log(result); 21 | -------------------------------------------------------------------------------- /learnnextjs/nextjs routes/app/api/auth/[...nextauth]/route.ts: -------------------------------------------------------------------------------- 1 | import NextAuth from "next-auth" 2 | import CredentialsProvider from "next-auth/providers/credentials"; 3 | export const authOptions = { 4 | secret:"dsafjk#@4LKJDF@#$LS:KDFkSDFSDF", 5 | pages:{ 6 | signIn:"/login" 7 | }, 8 | providers: [ 9 | CredentialsProvider({ 10 | name: "Credentials", 11 | credentials: { 12 | username: { label: "Username", type: "text", placeholder: "jsmith" }, 13 | password: { label: "Password", type: "password" } 14 | }, 15 | async authorize(credentials, req) { 16 | console.log("credentials",credentials); 17 | 18 | const user = { id: "1", name: "J Smith", email: "jsmith@example.com" } 19 | if (user) { 20 | return user 21 | } else { 22 | return null 23 | } 24 | } 25 | }) 26 | ] 27 | } 28 | const handler = NextAuth(authOptions) 29 | 30 | export { handler as GET, handler as POST } -------------------------------------------------------------------------------- /typescript/class-04/README.md: -------------------------------------------------------------------------------- 1 | # Functions: 2 | 3 | There are two types of functions 4 | 5 | - Built-in functions 6 | - User-defined functions 7 | 8 | ## Built-in Functions 9 | 10 | Built-in functions are the functions that are pre-defined by the language developers. Everything (Parameters, parameter types, functionality, return type and returning data) about them is pre-defined. Changing in the functionality of these functions is not possible.For Example: 11 | 12 | `const text = "Hello, World!"; 13 | const uppercaseText = text.toUpperCase();` 14 | 15 | ## User-defined Functions 16 | 17 | User-defined functions are functions that programmers create themselves to perform specific tasks or operations. These functions are written by the developer according to their requirements. User-defined functions allow developers to modularize their code, make it more organized, and promote reusability. These functions are not part of the language's core features but are created by the programmer based on the needs of their application. For Example: 18 | 19 | function calculateArea(radius:number) { 20 | return Math.PI * radius * radius; 21 | } 22 | -------------------------------------------------------------------------------- /typescript/morning/class08/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | // write a ts program, that calculate sum of odd numbers between 1 - 100, and list all the even that particapte in sum calculation, print the list along sum 3 | let sum = 2; 4 | let list = []; 5 | for (let i = 1; i <= 100; i++) { 6 | if (i % 2 != 0) { 7 | sum = sum + i; 8 | list.push(i); 9 | // console.log("i", i); 10 | } 11 | } 12 | console.log("sum", sum, list); 13 | // write a ts program, that calculate sum of even numbers between 1 - 100; 14 | // let sum:number = 2; 15 | // for(let i=1; i<=100; i++){ 16 | // if (i%2 == 0) { 17 | // sum = sum + i 18 | // // console.log("i", i); 19 | // } 20 | // } 21 | // console.log("sum", sum); 22 | // var i:number = 10; 23 | // do{ 24 | // console.log("Naveed"); 25 | // i++; 26 | // }while(i <= 30) 27 | // for(let index=10; index < 20; index++){ 28 | // console.log("Naveed",index); 29 | // } 30 | // var i:number = 12; 31 | // while(i>10){ 32 | // console.log("Naveed", i); 33 | // --i; 34 | // } 35 | // i++ 36 | // var result:number = 2 + 4 + i++; 37 | // var result:number = 2 + 4 + ++i; 38 | // ++i 39 | // i-- 40 | // --i 41 | // console.log("i",i); 42 | // console.log("result",result); 43 | -------------------------------------------------------------------------------- /learnnextjs/class5 styling/styling/src/app/page.tsx: -------------------------------------------------------------------------------- 1 | import { Montserrat } from "next/font/google"; 2 | const mons = Montserrat({ weight: "500", subsets: ["latin"] }); 3 | export default function Home() { 4 | return ( 5 |
6 |
7 | 2 8 |
9 |
10 | 3 11 |
12 |
13 | 4 14 |
15 |
16 | 5 17 |
18 |
19 | 6 20 |
21 |
22 | 7 23 |
24 |
25 | ); 26 | } 27 | -------------------------------------------------------------------------------- /learnnextjs/genai-nextjs/app/components/counterSection/counterSection.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import {useState} from "react" 3 | import Button from "../button/button" 4 | var names = ["","",""] 5 | export default function CounterSection() { 6 | var count:number = 0; 7 | const [countState, setCountState] = useState(0) 8 | const [isStatus, setIsStatus] = useState(false) 9 | const [email, setEmail] = useState("") 10 | const [student, setStudent] = useState({rollNo:234, email:"sf"}) 11 | 12 | const onClickAddHandler = ()=>{ 13 | count = count + 1 14 | setCountState(countState + 1) 15 | console.log("count in onClickAddHandler", count); 16 | 17 | } 18 | 19 | const onClickMinusHandler = ()=>{ 20 | count = count - 1 21 | setCountState(countState - 1) 22 | console.log("count in onClickMinusHandler", count); 23 | } 24 | 25 | const resetHandler = ()=>{ 26 | setCountState(0) 27 | } 28 | console.log("count serction render"); 29 | 30 | return ( 31 |
32 |
39 | ) 40 | } 41 | -------------------------------------------------------------------------------- /learnnextjs/next-form-handling/app/components/counterSection/counterSection.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import {useState} from "react" 3 | import Button from "../button/button" 4 | var names = ["","",""] 5 | export default function CounterSection() { 6 | var count:number = 0; 7 | const [countState, setCountState] = useState(0) 8 | const [isStatus, setIsStatus] = useState(false) 9 | const [email, setEmail] = useState("") 10 | const [student, setStudent] = useState({rollNo:234, email:"sf"}) 11 | 12 | const onClickAddHandler = ()=>{ 13 | count = count + 1 14 | setCountState(countState + 1) 15 | console.log("count in onClickAddHandler", count); 16 | 17 | } 18 | 19 | const onClickMinusHandler = ()=>{ 20 | count = count - 1 21 | setCountState(countState - 1) 22 | console.log("count in onClickMinusHandler", count); 23 | } 24 | 25 | const resetHandler = ()=>{ 26 | setCountState(0) 27 | } 28 | console.log("count serction render"); 29 | 30 | return ( 31 |
32 |
39 | ) 40 | } 41 | -------------------------------------------------------------------------------- /learnnextjs/nextjs - reactjs concepts/app/components/counterSection/counterSection.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import {useState} from "react" 3 | import Button from "../button/button" 4 | var names = ["","",""] 5 | export default function CounterSection() { 6 | var count:number = 0; 7 | const [countState, setCountState] = useState(0) 8 | const [isStatus, setIsStatus] = useState(false) 9 | const [email, setEmail] = useState("") 10 | const [student, setStudent] = useState({rollNo:234, email:"sf"}) 11 | 12 | const onClickAddHandler = ()=>{ 13 | count = count + 1 14 | setCountState(countState + 1) 15 | console.log("count in onClickAddHandler", count); 16 | 17 | } 18 | 19 | const onClickMinusHandler = ()=>{ 20 | count = count - 1 21 | setCountState(countState - 1) 22 | console.log("count in onClickMinusHandler", count); 23 | } 24 | 25 | const resetHandler = ()=>{ 26 | setCountState(0) 27 | } 28 | console.log("count serction render"); 29 | 30 | return ( 31 |
32 |
39 | ) 40 | } 41 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-api-integerate/app/components/counterSection/counterSection.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import {useState} from "react" 3 | import Button from "../button/button" 4 | var names = ["","",""] 5 | export default function CounterSection() { 6 | var count:number = 0; 7 | const [countState, setCountState] = useState(0) 8 | const [isStatus, setIsStatus] = useState(false) 9 | const [email, setEmail] = useState("") 10 | const [student, setStudent] = useState({rollNo:234, email:"sf"}) 11 | 12 | const onClickAddHandler = ()=>{ 13 | count = count + 1 14 | setCountState(countState + 1) 15 | console.log("count in onClickAddHandler", count); 16 | 17 | } 18 | 19 | const onClickMinusHandler = ()=>{ 20 | count = count - 1 21 | setCountState(countState - 1) 22 | console.log("count in onClickMinusHandler", count); 23 | } 24 | 25 | const resetHandler = ()=>{ 26 | setCountState(0) 27 | } 28 | console.log("count serction render"); 29 | 30 | return ( 31 |
32 |
39 | ) 40 | } 41 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-backend-routes/app/components/counterSection/counterSection.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import {useState} from "react" 3 | import Button from "../button/button" 4 | var names = ["","",""] 5 | export default function CounterSection() { 6 | var count:number = 0; 7 | const [countState, setCountState] = useState(0) 8 | const [isStatus, setIsStatus] = useState(false) 9 | const [email, setEmail] = useState("") 10 | const [student, setStudent] = useState({rollNo:234, email:"sf"}) 11 | 12 | const onClickAddHandler = ()=>{ 13 | count = count + 1 14 | setCountState(countState + 1) 15 | console.log("count in onClickAddHandler", count); 16 | 17 | } 18 | 19 | const onClickMinusHandler = ()=>{ 20 | count = count - 1 21 | setCountState(countState - 1) 22 | console.log("count in onClickMinusHandler", count); 23 | } 24 | 25 | const resetHandler = ()=>{ 26 | setCountState(0) 27 | } 28 | console.log("count serction render"); 29 | 30 | return ( 31 |
32 |
39 | ) 40 | } 41 | -------------------------------------------------------------------------------- /learnnextjs/nextjs-expense-tracker/app/components/counterSection/counterSection.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import {useState} from "react" 3 | import Button from "../button/button" 4 | var names = ["","",""] 5 | export default function CounterSection() { 6 | var count:number = 0; 7 | const [countState, setCountState] = useState(0) 8 | const [isStatus, setIsStatus] = useState(false) 9 | const [email, setEmail] = useState("") 10 | const [student, setStudent] = useState({rollNo:234, email:"sf"}) 11 | 12 | const onClickAddHandler = ()=>{ 13 | count = count + 1 14 | setCountState(countState + 1) 15 | console.log("count in onClickAddHandler", count); 16 | 17 | } 18 | 19 | const onClickMinusHandler = ()=>{ 20 | count = count - 1 21 | setCountState(countState - 1) 22 | console.log("count in onClickMinusHandler", count); 23 | } 24 | 25 | const resetHandler = ()=>{ 26 | setCountState(0) 27 | } 28 | console.log("count serction render"); 29 | 30 | return ( 31 |
32 |
39 | ) 40 | } 41 | -------------------------------------------------------------------------------- /learnnextjs/hello-world/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Link from "next/link" 2 | function Home() { 3 | 4 | return ( 5 |
6 |
7 |
8 |
9 |
10 |
11 |

TAKE OUR VIRTUAL TOUR

12 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

13 | 14 |
15 |
16 | 17 |
18 |

DELHI

19 |
20 |
21 |
22 | 23 |
24 |

HYDERABAD

25 |
26 |
27 |
28 | 29 |
30 |

MUMBAI

31 |
32 |
33 |
34 |
35 |
36 | ) 37 | } 38 | export default Home --------------------------------------------------------------------------------