Shivam-Sharma-1 / Van-Life

VanLife is a user-friendly website built with React that simplifies van searches. It is a web app used to browse different types of vans.

Home Page:https://myvanlife.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VanLife

VanLife is a user-friendly website built with React that simplifies van searches. It is a web app used to browse different types of vans. It allows users to log in and offers convenient tag-based filtering for easy browsing.

Screenshots

Home page

App Screenshot1

Host page

App Screenshot2

About page

App Screenshot3

Vans page

App Screenshot4

Login page

App Screenshot5

Technologies used

Packages used

Database used

Features

  • User authentication and authorization powered by Firebase
  • Dynamic routing
  • Database interaction and ORM using Prisma
  • Responsive and modern UI design
  • Fully responsive on all devices

Getting Started

To get started with VanLife, follow these steps:

  1. Clone the repository:
  git clone https://github.com/Shivam-Sharma-1/Van-Life.git
  1. Navigate to the project directory
  cd van-life
  1. Install the dependencies:
  npm install
  # or
  yarn install
  1. Start the development server:
  npm run dev
  # or
  yarn dev

The application should now be running on http://localhost:5173

Usage

To log in to the app use the following credentials
Email: user123@com
Password: u123

Website hosted URL

This website is deployed using using Netlify
Website url: https://myvanlife.netlify.app

Contributing

Contributions are always welcome!
If you would like to contribute to this project, please fork the repository and create a pull request.

Authors

Acknowledgements

Read more

This project was created using various open-source libraries and frameworks.

About

VanLife is a user-friendly website built with React that simplifies van searches. It is a web app used to browse different types of vans.

https://myvanlife.netlify.app/


Languages

Language:JavaScript 68.7%Language:CSS 30.5%Language:HTML 0.9%