A React + Vite + Firebase + Tailwind + DaisyUI app. FINISHED
Project 3 of the 'React Front to Back 2022' Udemy course, with my own twist in layout design and features.
Link to app: https://rently-marketplace.netlify.app/
Features:
- Tailwind CSS for layouts
- Firebase Auth: Login, Register, Logout, Google Auth, Profile page
- Firestore Database
- Explore page with Sale or Rent categories
- Listings that when clicked open a listing page that contains a gallery slider and information fetched from Firestore
- User profile page where listings can be created, with images, name and property information
- User created listings can be deleted and edited only when same user is logged in
- Contact landlord page that allows users to send email to person who posted
Table of Contents
| Explore Page |
|---|
 |
| Rent Category Page |
|---|
 |
| Listing Page |
|---|
 |
| Listing Page 2 |
|---|
 |
| Profile Page |
|---|
 |
 |
| Create/Edit listing Page |
|---|
 |
| Contact landlord Page |
|---|
 |
| Register Page | Login View |
|---|---|
 |
 |
| Responsive Navigation Bar |
|---|
 |
Technologies used
- React.js
- TailwindCSS layouts
- DaisyUI library for components
- VSCode
- A property renting platform where users can post their listings to sell or rent
- Users can use it to browse available listings and get in contact with landlords
- The target learning outcomes are:
- Further expand React skills
- Learn to use Firebase firestore
- Practice with CRUD functionality with creating rent listings, deleting and editing them.
-
This project was bootstrapped with [Vite]
-
The project has been deployed to Netlify: try it online following the link: https://rently-marketplace.netlify.app/
-
To Run Locally
- In the project directory, you can run:
- Open http://localhost:5174/ to view it in your browser
- Clone Project
Project is: Work in Progress
Created by [Vasil] - feel free to contact me!