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!