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

Vanlife is A web application that allows people to rent out camp vans for their next road trip adventure. we apply all feature of react router from begineers to advanced
https://github.com/ahmedheikall/van-life

css3 react-router reactjs

Last synced: 2 months ago
JSON representation

Vanlife is A web application that allows people to rent out camp vans for their next road trip adventure. we apply all feature of react router from begineers to advanced

Host: GitHub
URL: https://github.com/ahmedheikall/van-life
Owner: AhmedHeikall
Created: 2023-09-01T03:12:42.000Z (almost 3 years ago)
Default Branch: master
Last Pushed: 2023-09-13T23:27:33.000Z (almost 3 years ago)
Last Synced: 2025-01-04T08:00:13.704Z (over 1 year ago)
Topics: css3, react-router, reactjs
Language: JavaScript
Homepage: https://vanlife-d137c.web.app
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