Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aviknayak22/landmarkr
A modern, full-stack property listing application built with Next.js, TypeScript and Prisma.
https://github.com/aviknayak22/landmarkr
framer-motion kinde-auth nextjs15 prisma-orm react-hook-form react19 supabase zod-validation
Last synced: 5 days ago
JSON representation
A modern, full-stack property listing application built with Next.js, TypeScript and Prisma.
- Host: GitHub
- URL: https://github.com/aviknayak22/landmarkr
- Owner: AvikNayak22
- Created: 2025-01-17T18:48:11.000Z (22 days ago)
- Default Branch: master
- Last Pushed: 2025-02-02T18:42:55.000Z (6 days ago)
- Last Synced: 2025-02-02T19:25:16.699Z (6 days ago)
- Topics: framer-motion, kinde-auth, nextjs15, prisma-orm, react-hook-form, react19, supabase, zod-validation
- Language: TypeScript
- Homepage: https://landmarkr.vercel.app
- Size: 559 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Landmarker: Property Listing App 🏠
A modern, full-stack property listing application built with **Next.js**, **TypeScript**, **Prisma**, **Supabase**, **React Hook Form**, **Zod**, and **Kinde**. This app allows users to browse, list, and manage properties easily.
## Screenshots 🖼️
### 1. Home Page:
### 2. Property Details Page:
### 3. User Profile Page:
### 4. Property Listing Page:
### 5. Add/Edit Property Page:
## Features ✨
- **User Authentication**: Secure authentication powered by **Kinde**.
- **Property Listings**: Create, read, update, and delete property listings.
- **Form Validation**: Robust form handling with **React Hook Form** and **Zod**.
- **Database**: Managed with **Prisma** and **Supabase** for seamless data storage.
- **Type Safety**: Full TypeScript support for a type-safe development experience.
## Tech Stack 🛠️
- **Frontend**: Next.js, TypeScript, Tailwind CSS
- **Backend**: Next.js API Routes & Server Actions
- **Database**: Supabase (PostgreSQL) with Prisma ORM
- **Authentication**: Kinde
- **Form Management**: React Hook Form with Zod validation
- **Deployment**: Vercel (recommended)
## Getting Started 🚀
Follow these steps to set up the project locally.
### Prerequisites
- Node.js (v18 or higher)
- npm or yarn
- Supabase account
- Kinde account
### Installation
1. **Clone the repository**:
```
git clone https://github.com/your-username/property-listing-app.git
cd property-listing-app
2. **Install dependencies**:
```
npm install
3. **Set up environment variables**:
Create a .env file in the root directory and add the following variables:
```
DATABASE_URL="your-supabase-database-url"
NEXT_PUBLIC_SUPABASE_URL="your-supabase-url"
NEXT_PUBLIC_SUPABASE_ANON_KEY="your-supabase-anon-key"
KINDLE_CLIENT_ID="your-kinde-client-id"
KINDLE_CLIENT_SECRET="your-kinde-client-secret"
KINDLE_REDIRECT_URI="http://localhost:3000/auth/callback"
4. **Run database migrations**:
```
npx prisma migrate dev --name init
5. **Start the development server**:
```
npm run dev
# Contributing 🤝
Contributions are welcome! If you'd like to contribute, please follow these steps:
1. **Fork the repository.**
2. **Create a new branch:**
```sh
git checkout -b feature/your-feature-name
```
3. **Commit your changes:**
```sh
git commit -m 'Add some feature'
```
4. **Push to the branch:**
```sh
git push origin feature/your-feature-name
```
5. **Open a pull request.**
Thank you for your contributions! 🎉