Skip to content
View riyayadav8299's full-sized avatar

Block or report riyayadav8299

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
riyayadav8299/README.md

Solution of this web assignment

  1. Figma Design Analysis:

    • Access the provided Figma design link.
    • Analyze the design for layout, typography, colors, images, and responsiveness.
  2. Setting Up Next.js Project:

    • Initialize a new Next.js project using npx create-next-app.
    • Set up the project with TypeScript if required for better type checking.
  3. Component Breakdown and Directory Structure:

    • Identify and create reusable components (header, footer, sections, buttons, etc.).
    • Organize the project using the following directory structure:
      • components/: Contains all reusable components.
      • pages/: Includes Next.js pages, which are built from components.
      • styles/: Contains CSS or styled-components files.
      • public/: Holds static assets like images and fonts.
  4. Development and Implementation:

    • Start building the components by closely following the design specifications from Figma.
    • Utilize Next.js features like Server-Side Rendering (SSR) or Static Site Generation (SSG) to optimize performance and SEO.
  5. Styling:

    • Implement styles to match the Figma design using CSS modules or styled-components.
    • Ensure the design is responsive and looks good on various screen sizes.
  6. Hosting:

    • Deploy the website on Vercel by connecting the GitHub repository to Vercel and selecting the project for deployment.
    • Verify the deployed site matches the Figma design.
  7. Submission Requirements:

    • Prepare the GitHub repository with well-documented code and a README.md file explaining setup and local running.
    • Share the live link to the Vercel-hosted website.
  8. Evaluation Criteria:

    • Double-check design accuracy, component design, directory structure, code quality, and hosting against the assignment criteria.

Popular repositories Loading

  1. Hospital-Management-System Hospital-Management-System Public

    Forked from prabhatthakuryt/Hospital-Management-System

    Java

  2. riyayadav8299 riyayadav8299 Public

    Config files for my GitHub profile.

  3. project-red-stream project-red-stream Public

    Forked from whxitte/project-red-stream

    Red Stream is a full website project based on online blood donation. This is a responsive and userfriendly website for making the process of blood donation easy

    HTML

  4. student-management-system student-management-system Public

    Forked from rahman-aarish19/student-management-system

    A Full Stack web application for managing student's information within an institution.

    CSS

  5. Student-Result-management-system- Student-Result-management-system- Public

  6. Task-1--HTML Task-1--HTML Public