https://github.com/iryna-vyshniak/realestate

RealEstate App using Vite.js and Tailwind CSS. This simple project showcases my expertise in creating remarkable listing cards for both rental and sale pages. New listing section, custom categories, and responsive design. However, the true gem lies in the listing pages themselves, where you will find an interactive map and a captivating image slide
https://github.com/iryna-vyshniak/realestate

crud firebase-auth firebase-database leaflet-map react-router swiper-js tailwindcss tomtom-api

Last synced: 8 days ago
JSON representation

RealEstate App using Vite.js and Tailwind CSS. This simple project showcases my expertise in creating remarkable listing cards for both rental and sale pages. New listing section, custom categories, and responsive design. However, the true gem lies in the listing pages themselves, where you will find an interactive map and a captivating image slide

• Host: GitHub
• URL: https://github.com/iryna-vyshniak/realestate
• Owner: Iryna-Vyshniak
• Created: 2023-05-22T19:08:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-15T11:55:40.000Z (5 months ago)
• Last Synced: 2024-07-15T14:04:29.759Z (5 months ago)
• Topics: crud, firebase-auth, firebase-database, leaflet-map, react-router, swiper-js, tailwindcss, tomtom-api
• Language: JavaScript
• Homepage: https://iryna-vyshniak.github.io/RealEstate/
• Size: 5.52 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## RealEstate

This simple project showcases my expertise in creating remarkable listing cards

for both rental and sale pages. New listing section, custom categories, and

responsive design. However, the true gem lies in the listing pages themselves,

where you will find an interactive map and a captivating image slider.

RealEstate is the epitome of a modern, fully functional real estate application.

By building this remarkable web app, I have gained invaluable knowledge in

implementing CRUD operations using React and Firebase Firestore database. The

app features seamless user authentication through Firebase auth, allowing users

to easily sign up or sign in using their preferred method, be it a username and

password or Google oAuth. I have even incorporated a forgot password

functionality that leverages Firebase auth, ensuring users can effortlessly

reset their passwords through a secure email link.

Moreover, I have utilized the most in-demand technologies of today to bring this

project to life. React.js, Firebase, and Tailwind CSS form the foundation of

this website, accompanied by a few other dependencies such as Leaflet and

Swiper.js. With Leaflet packages, I have integrated an interactive map, while

leveraging the TomTom API to convert addresses into precise latitude and

longitude values. The latest version of Swiper.js has been incorporated to

create a visually stunning image slider. To enhance user experience, I have

implemented the React Toastify package to provide elegant and customizable

notifications. And I have created an interesting spinner component that can be

utilized throughout the website to deliver delightful loading effects.

Additionally, I have crafted reusable components like the listing card, which

can be seamlessly integrated into different sections of the website.