Skip to content

jaycchiu524/next-mui-form

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Roadmap

Requirements

  1. Create a webpage with a perfect score for parameters - Performance, accessibility, best practices, and SEO. You can refer to the content from any website you want.
  2. Create only the frontend for a CRUD with the following details:
  • Lighthouse Scores

    • SEO - 100
    • Performance - 100
    • A11y - 96
    • Best Practices - 92
  • Job Post Module

    • Company (Link with Company data)
    • Job Title
    • Job Category
    • Job Type (Full-Time, Part-Time etc.)
    • Industry Type (Retail, IT etc.)
    • Short Description
    • Job Description (file upload)
    • Start date
    • Pay rate
  • Company module

    • Company name
    • Company address
    • Company email
    • Company phone number
  • CRUDs' frontend with index pages

    • list all entries
    • action buttons to delete individual
    • delete bulk entries
    • forms to insert and edit entries

More to work on

  • UI Design
  • Responsiveness
  • Database
  • PWA

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.