Scribd
Upload
26 views1 page

Web Development Assignment

The assignment involves creating a mini-project using a JavaScript framework (preferably React or Next.js) and MySQL, consisting of two pages: one for inputting school data and another for displaying it. The first page requires a responsive form with validation to store school data, while the second page should present the data in a visually appealing manner similar to an e-commerce site. Students must submit their work via a public GitHub repository and host it on a platform like Vercel or Netlify, adhering to the provided guidelines and deadlines.

Uploaded by

sudhanshu7078upui
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
26 views1 page

Web Development Assignment

The assignment involves creating a mini-project using a JavaScript framework (preferably React or Next.js) and MySQL, consisting of two pages: one for inputting school data and another for displaying it. The first page requires a responsive form with validation to store school data, while the second page should present the data in a visually appealing manner similar to an e-commerce site. Students must submit their work via a public GitHub repository and host it on a platform like Vercel or Netlify, adhering to the provided guidelines and deadlines.

Uploaded by

sudhanshu7078upui
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Web Development

Assignment
Summary:

You will be designing mini-project using any Javascript framework(React or Next.js Recommended)
and MySQL consisting of two pages: one page to input and store the data of schools, the other page
to fetch and display the data of the schools.

Detailed Instructions: MySQL Table:

schools

Data Fields:

id- int AUTO_INCREMENT name- text address- text city- text

state- text contact- number image- text email_id- text

Page 1: addSchool.jsx

Description: You have to create a form in next js (using react-hook-form) using which a user can
enter and store the data of a school in the `schools` table. The form needs to have validation on
inputs (for eg., email validation for email input) and also need to store the image of the school in a
folder `schoolImages`. The form should be responsive (work on both phones and desktop).

Page 2: showSchools.jsx

Description: You have to create a page that shows the list of schools in the database in the way an
ecommerce website shows products. Only the School’s name, address, city and image needs to be
visible here. For reference: https://uniformapp.in/schoolsearch.php. The page should be responsive
(work on both phones and desktop).

Submission Guidelines:

1. Create a new GitHub repo, make it public, commit and push the completed project into it.
2. Host the project on Vercel, Netlify or any other hosting platform of your choice.
3. Submit the assignment along with the URLs of both the GitHub repo and the hosted project.
4. The assignment starts as soon as you receive this.
5. No submissions will be accepted after the deadline.
6. All the best!

You might also like