MiniProject Company Website

• Important And Interesting function

Dynamic Routing
The project uses Next.js for dynamic routing, where each folder in the app directory represents a webpage. For example, app/page.tsx is the homepage, and adding new pages is as simple as creating a new file or folder.

Database with Prisma
Prisma makes it easy to manage the database, handling tasks like adding, updating, deleting, and retrieving data.

Reusable Components
Common UI parts, like buttons or headers, are stored in the components folder so they can be reused across pages, saving time and keeping things consistent.

Styling with Tailwind CSS
The project uses Tailwind CSS, which simplifies styling with pre-made classes, making the design process quick and easy.

Secure Configurations
Sensitive information, like database URLs or API keys, is stored in a .env file to keep it safe and out of the codebase.

• How to Use the System

1. Register and Login
   Customers need to register on the homepage to create an account. Once registered, they can log in using their credentials to access the system.

2. Navigation Bar
   The website has four main pages: Home, About, Properties, and Contact.

   • Customers can browse these pages as needed.
   • On the Contact page, customers can fill out a form with their details, allowing the team to get in touch with them.

3. Admin View
   Admins have access to manage the website's properties. They can add new properties, update existing ones, delete properties, and make edits as needed to maintain the content on the site.