This is a students registration application developed for learning purposes.It covers all conventional functionalities. It has been developed with Next.js using a combination of server and client side rendering and also implementing server actions. It has been deployed in Vercel.
https://www.ademo.live
(Register and log in to have full access)
- Navigation without authentication.
- Restricted views.
- Registration and login.
- Add, edit and delete user profiles and students.
- Add students images
- Error handling in forms.
- Responsive for web and mobile
- It has Progressive Web App capabilities, so it can be installed on desktop and mobile.
- TS / Next.js 14 / React
- next-auth for authentication handling
- react-hook-form (useForm)
- MongoDB and mongoose
- uploadthing for images storage
- Tailwind and flowbite for UI
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.