This is a Next js and tailwind project.
This project consists of 5 pages: Home page, Students page, Student Form page, Teacher page and Teachers form page.
The home page contains buttons to direct users to the category they belong (student page and teacher page).
The student page contains a table to show the details of students who have inputed their details. The table also consist of a button to enable deleting of data. Lastly the student page has a button to direct students to the student form page where they can input and submit their details.
The teacher page contains a table to show the details of teacher who have inputed their details. The table also consist of a button to enable deleting of data. Lastly the teacher page has a button to direct teachers to the teachers form page where they can input and submit their details.
The student form page contains the form where the student input their details and two buttons, one to submit and the other to go back to the student form page.
The teacher form page contains the form where the teacher input their details and two buttons, one to submit and the other to go back to the teacher form page.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
Thank you for your time and i do hope you like this project and find it project helpful. I will appreciate a feedback and a star.