Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kooya3/ui-ux-dashboard
✨ Welcome to our Real Estate Webapp! 🔏 Sign up, post your property with images from your device ☎️, and create your real estate agent profile.🚀 Search for properties, connect with agents, and stay up-to-date on market trends 💦. Join now! 🧸💻💼
https://github.com/kooya3/ui-ux-dashboard
admin-dashboard awesome cloudinary cloudinary-integration crud crud-application javascript material-ui mern-project pagination react refine typescript ui-design ux-ui
Last synced: 2 months ago
JSON representation
✨ Welcome to our Real Estate Webapp! 🔏 Sign up, post your property with images from your device ☎️, and create your real estate agent profile.🚀 Search for properties, connect with agents, and stay up-to-date on market trends 💦. Join now! 🧸💻💼
- Host: GitHub
- URL: https://github.com/kooya3/ui-ux-dashboard
- Owner: kooya3
- License: mit
- Created: 2022-05-24T13:21:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-04T07:21:04.000Z (almost 2 years ago)
- Last Synced: 2023-12-14T12:41:49.716Z (about 1 year ago)
- Topics: admin-dashboard, awesome, cloudinary, cloudinary-integration, crud, crud-application, javascript, material-ui, mern-project, pagination, react, refine, typescript, ui-design, ux-ui
- Language: JavaScript
- Homepage: https://yariga-ely.netlify.app/
- Size: 7.63 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🐨Tatua's Real Estate App🏁✨✨
## Description
🏡 The Real Estate App is a full-stack web application built using the MERN stack (MongoDB, Express, React, Node.js) and TypeScript. It is designed to help real estate agents and property managers manage their listings by providing them with a platform to create, read, update, and delete property data.
In addition, the Real Estate App also features Google OAuth authentication, allowing users to securely sign in using their Google credentials.
## How to add a property
To add a property to the application, hit the property button in the sider layout. Then click on add property and write a description and name title. Then upload an image from your device.
## Installation
To install the Real Estate App locally, follow the steps below:
1. Clone the repository to your local machine using `git clone https://github.com/username/repo.git`
2. Navigate to the project directory and run `npm install` to install the dependencies
3. Create a `.env` file in the root directory and add the following environment variables:
```bash
MONGO_URI=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
```
4. Run `npm start` to start the development server
5. Navigate to `http://localhost:3000` to view the app in your browser
## Features
The Real Estate App comes with the following features:
- Create, read, update, and delete (CRUD) properties
- View a list of all properties or filter by property type or location
- View a detailed page for each property, with an image gallery and description
- Google OAuth2 authentication for secure user authentication
- Responsive design that works across all devices
## Tech Stack
The Real Estate App is built using the following technologies:
- MongoDB for data storage
- Express.js for the backend server
- React.js for the frontend user interface
- Node.js for the server-side runtime environment
- TypeScript for type checking and strict typing
- CSS for styling the user interface
- Shell for script automation and management
- JavaScript for general application logic
## Screenshot🎞️
## Contributing
Contributions to the Real Estate App are welcome! If you'd like to contribute, please follow these steps:
1. Fork the repository
2. Create a new branch for your feature or bug fix
3. Commit your changes and push to your fork
4. Submit a pull request
## License
The Real Estate App is licensed under the MIT License. See the [LICENSE](/LICENSE) file for more information.