https://github.com/ahmedheikall/van-life

https://github.com/ahmedheikall/van-life

Last synced: 20 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ahmedheikall/van-life
• Owner: AhmedHeikall
• Created: 2023-09-01T03:12:42.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-13T23:27:33.000Z (over 1 year ago)
• Last Synced: 2023-09-14T13:59:01.711Z (over 1 year ago)
• Language: JavaScript
• Size: 10.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# VANLIFE

Vanlife is A web application that allows people to rent out camp vans for their next road trip adventure.

VAN-LIFE V.1

in V.2 we add: defer, Await, and Suspense To handle some loading because we using a loader instead useEffect() hook and add real authentication

See the project here: https://vanlife-d137c.web.app

LinkedIn : https://www.linkedin.com/in/ahmed-heikal-875175236

# Features

- SPA with 10+ routes

- Responsive Design (mobile - tablet - desktop)

- Using "loader" to provide data to the route element before it renders.  faster 3x times than regular useEffect()

- Using Link State

- Filter by van type (query params)

- Using Relative Path and Link

- Active navLink styling

- Protected routes

- Nested routes (multiple levels deep)

- Using a real database (Firebase)

# Tech Stack

- React Library

- React Router v.6 

- Firebase(Firestore db)

- HTML - CSS - JS

# Home Page



# Vans Page



# Dashboard Page



# Filtered page



# HostVan page