Frontend

This section provides an overview of the frontend setup of the Rentify project.

Technologies

• Next.js : A React framework for production.
• Tailwind CSS : A utility-first CSS framework.
• React TanStack Query : For fetching, caching, and updating server state.
• Axios : Promise-based HTTP client for the browser and node.js.

Setup

1. Clone the repository :

sh
Copy code
git clone https://github.com/yourusername/rentify-frontend.git
   cd rentify-frontend
   

1. Install dependencies :

sh
Copy code
npm install
   

1. Create a .env file with the necessary environment variables:

   env
   Copy code
   NEXT_PUBLIC_API_URL=http://localhost:8000/api
   

2. Run the development server :

sh
Copy code
npm run dev
   

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

Folder Structure

plaintext
Copy code
rentify-frontend/
├── public/
│   ├── favicon.ico
│   └── ...
├── src/
│   ├── components/
│   │   ├── ListingCard.tsx
│   │   └── ...
│   ├── pages/
│   │   ├── _app.tsx
│   │   ├── index.tsx
│   │   ├── page.tsx/
│   │   │   ├── [id].js
│   │   │   └── ...
│   │   └── ...
│   ├── styles/
│   │   ├── globals.css
│   │   └── ...
│   ├── hooks/
│   │   ├── useProperties.js
│   │   └── ...
│   ├── utils/
│   │   ├── api.ts
│   │   └── ...
│   └── ...
├── tailwind.config.js
├── next.config.js
├── package.json
└── ...