Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jipconan/golden-fields-estate

Golden Fields is a real estate platform for managing agents and properties, with agents linked to multiple properties and vice versa. Data is stored in MongoDB, and images are hosted on Cloudinary. Built with React.js and TypeScript.
https://github.com/jipconan/golden-fields-estate

api chakra-ui chakra-ui-react chakraui cloudinary dotenv estate mongodb mongodb-atlas mongodb-database mongoose react react-router reactjs tailwindcss typescript vite

Last synced: 3 days ago
JSON representation

Host: GitHub
URL: https://github.com/jipconan/golden-fields-estate
Owner: jipconan
Created: 2024-10-23T02:20:24.000Z (3 months ago)
Default Branch: main
Last Pushed: 2025-01-01T11:37:01.000Z (6 days ago)
Last Synced: 2025-01-01T12:30:27.880Z (6 days ago)
Topics: api, chakra-ui, chakra-ui-react, chakraui, cloudinary, dotenv, estate, mongodb, mongodb-atlas, mongodb-database, mongoose, react, react-router, reactjs, tailwindcss, typescript, vite
Language: TypeScript
Homepage: https://golden-fields-estate.onrender.com/
Size: 6.94 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Golden Fields Estate

## Summary

This web application allows users to browse and query agents and properties efficiently. The system provides a responsive interface for users to explore detailed information about agents and their linked properties, or vice versa, using various query options.

## Collaboration

- **UI/UX Designer:**

My friend Hachi brought creativity and expertise to design the interface, ensuring it looks great and is easy to use.
- **Full Stack Developer:**

I handled all the coding and made sure everything worked smoothly from front-end to back-end.

## Deployed URL

You can access the deployed URL at [Golden Fields Estate](https://golden-fields-estate.onrender.com/).

## Website Screenshots

| **Landing Page #1** | **Landing Page #2** |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| | |

| **Feature Properties Page** | **Properties Gallery Page** | **Agents Gallery Page** |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| | | |

| **About Page** | **Contact Page** |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| | |

## Mobile Screen Preview (Try it!)

## Key Features

- **Agent-Property Linking:**

Manage relationships where agents can have a list of properties, and properties can be tied to multiple agents.
- **Database Integration:**

Store and retrieve JSON data using MongoDB.
- **Image Management:**

Store property images securely using Cloudinary.
- **Responsive Design:**

Ensure the application adapts to different devices and screen sizes for optimal user experience.

## Technologies Used

### Front-End

- **Project Setup**
- **Vite**
- **React**
- **TypeScript**
- **UI Framework**
- **Chakra UI**
- **State Management**
- **React Context API**

### Back-End

- **Node.js**
- **Express.js**
- **MongoDB:**

For managing JSON data.
- **Cloudinary:**

For storing property images (no API calls involved).

### Tools and Dependencies

- **dotenv:**

Manage environment variables securely.

## Challenges Faced

### Database Management

- **Establishing Links Between Entities:**

Implementing a system to ensure that agents and properties can be dynamically linked and queried efficiently.

### Image Management

- **Cloudinary Integration:**

Setting up secure and efficient image storage without direct API calls.

## Next Steps

### Planned Future Enhancements

- **Google Map API intergration:**

Allow users to see the location on the google map.
- **Advanced Search Filters:**

Allow users to filter properties based on location, price range, and other attributes.
- **Notifications:**

Add email or SMS notifications for updates related to properties and agents.
- **Analytics Dashboard:**

Provide insights into agent performance and property statistics.
- **User Roles:**

Implement role-based access to ensure data security.
- **Mobile App:**

Extend functionality to a mobile platform for on-the-go access.

For more details and updates, stay tuned to the repository.