{"id":18665844,"url":"https://github.com/tenshkumar-kkt-2004/propertyboard","last_synced_at":"2026-04-04T08:40:23.398Z","repository":{"id":253452707,"uuid":"829906869","full_name":"TENSHKUMAR-KKT-2004/PropertyBoard","owner":"TENSHKUMAR-KKT-2004","description":"PropertyBoard is a real-estate management platform using MERN stack and Refine framework. It features a dashboard for agents to manage and showcase properties, with capabilities for property search and pagination. It includes secure Google authentication and data visualization with responsive UI.","archived":false,"fork":false,"pushed_at":"2024-08-13T20:33:28.000Z","size":245,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-27T17:42:18.651Z","etag":null,"topics":["apexcharts","expressjs","material-ui","mern-stack","mongodb","nodejs","pagination","reactjs","refine"],"latest_commit_sha":null,"homepage":"https://property-board.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TENSHKUMAR-KKT-2004.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-17T08:22:41.000Z","updated_at":"2024-08-16T18:10:34.000Z","dependencies_parsed_at":"2024-08-16T20:32:05.640Z","dependency_job_id":"cd1b7871-bc5e-4fa1-856b-5cca8f090608","html_url":"https://github.com/TENSHKUMAR-KKT-2004/PropertyBoard","commit_stats":null,"previous_names":["tenshkumar-kkt-2004/propertyboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TENSHKUMAR-KKT-2004%2FPropertyBoard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TENSHKUMAR-KKT-2004%2FPropertyBoard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TENSHKUMAR-KKT-2004%2FPropertyBoard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TENSHKUMAR-KKT-2004%2FPropertyBoard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TENSHKUMAR-KKT-2004","download_url":"https://codeload.github.com/TENSHKUMAR-KKT-2004/PropertyBoard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239493706,"owners_count":19647995,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apexcharts","expressjs","material-ui","mern-stack","mongodb","nodejs","pagination","reactjs","refine"],"created_at":"2024-11-07T08:29:23.200Z","updated_at":"2025-11-06T11:30:42.421Z","avatar_url":"https://github.com/TENSHKUMAR-KKT-2004.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PropertyBoard\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/411ab3de-87c9-4e0e-a928-8dce1b29d331\" alt=\"logo\" width=\"150\" /\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/4d1ce84e-1562-4ea4-ba21-43efc90dafc7\" alt=\"PropertyBoard\" width=\"300\" /\u003e\n\u003c/p\u003e\n\nPropertyBoard is a full-stack application developed using the MERN stack along with the Refine framework. The platform provides a seamless experience for agents to manage their properties and provides a detailed dashboard for monitoring key metrics and statistics\n\n\n## Features  \n\n- **Real-Estate Dashboard**: Provides an overview of key metrics such as Properties for sale, rent, total customers, properties across cities, and total revenue\n- **Property Showcase**: Allows agents to display properties with detailed information and visual media. And they can add, edit, and view properties for sale and rent\n- **Property Search with Pagination**: Enables efficient browsing of properties with pagination, improving the user experience\n- **User Authentication**: Secure login using Google Auth\n- **Interactive Charts and Graphs**: Visualize data with dynamic charts and graphs for better insights\n- **Responsive Design**: Fully responsive design to work on various devices\n\n\n## Tech Stack\n\n- **Frontend**: \n\n    - **React.js**: A powerful JavaScript library for building user interfaces. And it allows to create a reusable UI components and manages the application's state efficiently\n    - **Material-UI**: A popular React component library that provides a set of pre-designed components following Material Design principles\n    - **Vite**: A modern build tool that provides fast development and build times. It uses native ES modules and provides instant hot module replacement (HMR), which enhances the development experience by reflecting changes in real time\n    - **TypeScript**: A superset of JavaScript that adds static typing to the language\n\n- **Backend**:\n\n    - **Node.js**: JavaScript runtime for building scalable network applications\n    - **Express**: A minimal and flexible Node.js web application framework for handling API requests and routing\n    - **MongoDB**: NoSQL database for storing data\n    - **Cloudinary**: For handling image uploads and storage\n    - **Google Auth**: For user authentication and management\n\n- **Framework**:\n\n    - **Refine**: A Headless React based framework for building admin panels and internal tools\n\n\n## How to Run\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/) (Version 18 or later)\n- [MongoDB Atlas](https://www.postgresql.org/) (Config and get MongoDB Atlas Cloud Cluster access)\n- [Cloudinary](https://cloudinary.com/) (Streamline media management and improve user experience by automatically delivering images and videos, enhanced and optimized for every user)\n- [Google Cloud Console](https://firebase.google.com/) (Create a new project and enable Google Authentication and get client id)\n\n### Setup Instructions\n\n1. **Clone the Repository**\n\n    ```bash\n    git clone https://github.com/TENSHKUMAR-KKT-2004/PropertyBoard.git\n    ```\n\n2. **Navigate to the Project Directory**\n    \n    ```bash\n    cd PropertyBoard\n    ```\n\n3. **Install Dependencies**\n\n    ***For the frontend:***\n\n    ```bash\n    cd frontend\n    npm install\n    ```\n\n    ***For the backend:***\n\n    ```bash\n    cd server\n    npm install\n    ```\n\n4. **Configure Environment Variables**\n\n    Create a `.env` file in the root directory and add the following variables. Replace the placeholders with your actual values\n\n    ***In backend side:***\n\n    ```env\n    MONGODB_URL=your_mongoDB_atlas_connection_url\n    CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name\n    CLOUDINARY_API_KEY=your_cloudinary_api_key\n    CLOUDINARY_API_SECRET=your_cloudinary_api_secret\n    ```\n\n    ***In frontend side:***\n\n    ```env\n    VITE_GOOGLE_CLIENT_ID=your_google_auth_url\n    ```\n    \n5. **Start the Development Server to Run the Application**\n\n    ***For the frontend:***\n\n    ```bash\n    npm run dev\n    ```\n\n    ***For the backend:***\n\n    ```bash\n    node server.js\n    ```\n\nNavigate to `http://localhost:5173` to view the application\n\n\n## Screenshots\n\n### Login Page\n\n![login-page](https://github.com/user-attachments/assets/7073fd35-f8f7-4f8d-852e-7a7dda70aee0)\n\n### DashBoard\n\n![dashboard](https://github.com/user-attachments/assets/57e64691-292e-4bd0-967f-5ead20b52c57)\n\n![dashboard-light](https://github.com/user-attachments/assets/34fe5e2d-18be-493c-a053-678c2c624321)\n\n### Properties\n\n![properties](https://github.com/user-attachments/assets/2a6acddf-1c02-4200-8e43-74648ac95304)\n\n![add-properties](https://github.com/user-attachments/assets/b51f23b5-7afd-4f71-b651-0dfacc5a259b)\n\n![property-details](https://github.com/user-attachments/assets/ab27ae65-2e28-4d7e-b1d7-cb9d77408ea3)\n\n### Agents\n\n![agents](https://github.com/user-attachments/assets/76d7dc18-fad3-41f5-be7f-1cf15c579092)\n\n![agent-profile](https://github.com/user-attachments/assets/39d7d28a-95dc-40c1-9955-e272c2f415c6)\n\n### My Profile\n\n![my-profile](https://github.com/user-attachments/assets/5095d70b-92ca-45a0-948e-483a1243a87d)\n\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftenshkumar-kkt-2004%2Fpropertyboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftenshkumar-kkt-2004%2Fpropertyboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftenshkumar-kkt-2004%2Fpropertyboard/lists"}