HOME Governor Sindh IT Course Saylani SMIT JDC IT CITY BANO QABIL 2.0 DIGISKILL NEWS EXAM QUESTION About Us


All in one website Artificial Intellingence ,Sports, Blog, Tourism, Coding just in one click


KNOWLEDGE & LEARNING

This website give you all information about artificial intelligence and website development

Governor Sindh IT Course

In this website you find all lecture of artificial intelligence course like

100 Days Of Typescript Challenge and 45 exercise question Daily live session summary detail

go to folder d

SAYLANI SMIT

All detail about admsission , entry test and courses offered

go to folder d

JDC IT CITY

Update of current batch and new admission start date. How to submit online admission form

BANO QABIL

Admission criteria and policy of registration. How to enroll

DIGISKILL

How to sign up and process of admission .Submit online application

go to folder d

NEWS

Current a change impact of thoisnd future update of artificial intelligence and how fast world will changeda

SPORTS

Live score and update of different famous sports like football , cricket, hockey and snooker

go to folder d

Next.js


Next.js is a popular open-source React framework that simplifies the process of building fast, scalable, and SEO-friendly web applications.
It provides a robust structure and powerful features to enhance your React development experience.
important language for nextjs
1 HTML
2 CSS
3 JavaScript/Typescript

GIAIC QUARTER 3 REQUIREMENT

Quarter 3 Form Assignment Nextjs

Whatsapp channel link for code

Whatsapp channel link

npx create-next-app@latest

Assigment Quarter 2

START SAY LEKAR AB TAK COMPLETE WORK GSIT

SYLABUS AND IMPORTANT TOPIC

  1. VARIABLES AND DATA TYPE
  2. CASE SENSITIVE
  3. ERRORS AND ITS SOLUTION
  4. CONST AND LET
  5. MODULES
  6. OPERATORS
  7. IF AND ELSE STATEMENT
  8. SELF CHECK QUIZ
  9. FUNCTIONS
  10. SCOPE
  11. OBJECTS
  12. ARRAYS
  13. LOOP AND ITS TYPE
  14. TEMPLATE LITERALS
  15. OBJECT ORIENTED PROGRAM (OOP)

Hacthon Practice Template

Dear Governor IT Initiative Q2 Students (NextJS/TypeScript), To prepare for the upcoming hackathon, we are providing a practice e-commerce template. This exercise will help you familiarize yourself with the design and development process, ensuring you're well-prepared for the hackathon. Practice Template:

Figma Design click quarter 3 Figma design: https://www.figma.com/design/k28EtUgXHEtIpqZz9Zhv11/Full-E-Commerce-Website-UI-UX-Design-(Community)


Pages Included:
- Landing Page with Product Listing
- Wishlist
- Cart Items
- Product Details Page

Preparation Timeline:

- Start: Wednesday, December 04, 12:00 AM
- End: Saturday, December 07, 11:59 PM

Hackathon Details:

- Start Date and Time: Sunday, December 08, 12:00 AM
- Duration: 24 Hours
- Objective: Complete a UI/UX project similar to the practice template (pixel perfect and responsive).
Instructions:

- Objective: Develop a pixel-perfect, responsive user interface based on the provided Figma design.
- Tools: Use NextJS, App Router, CSS, and Tailwind CSS.
- Focus: Concentrate solely on the front-end design; functionality implementation is not required.

Benefits:

- Completing this practice will simulate the hackathon environment, where you'll have 24 hours to develop a similar UI/UX project.
- It will enhance your proficiency with the required tools and frameworks.
- You'll gain practical experience in translating designs into code, which is crucial for the hackathon.

We strongly encourage you to undertake this practice exercise. It will significantly boost your readiness and confidence for the hackathon.


  • Click here for panacloud css mandatory company portfolio code
  • Figma Design using nextjs and tailwind css

    Figma design website
    Good news New quarter 33 start from end of January or mid of February
    If student not promote
    Project base class
    ui/ux design
    resume builder
    portfolio
    one more hackathon remaining
    capstone project

    UI UX Hackathon Extension Announcement -168 points The submission form will reopen from Tuesday, 10th December, 1:45 AM to Tuesday, 17th December, 1:44 AM for
    those needing more time. Submitting during this period will incur a 168-point penalty (-168).

    Others: Do not submit any NextJS milestone during this period; wait for the Next week.

    Already Submitted: Use this time to polish your projects; I’ll share tips on selling these templates soon.

    Submissions after 17th December, 1:44 AM will be accepted, but the score will be 0 (zero).


    Nextjs props and map

    { id: 1, color: "bg-green-400", heading: "Heading1", paragraph: "text you seen visible", }, { id: 2, color: "bg-green-800", heading: "Heading2", paragraph: "look at the text you seen visible", }, { id: 3, color: "bg-green-800", heading: "Heading3", paragraph: "look at the text you seen visible", },