HomeHopper: Your Gateway to Seamless Vacation Rentals

Chase Kliment

Frontend Engineer
Fullstack Engineer
Web Developer
ExpressJS
React
Redux

HomeHopper

Welcome to HomeHopper, your go-to platform for finding and managing home rentals.

Table of Contents 📑

Introduction

HomeHopper is a web application that allows users to browse, create, and manage rental properties. It provides a seamless user experience for both property owners and renters.

Features

User Authentication 🔒
Create, Read, Update, Delete Spots 🏠
Responsive Design 📱
Review and Rating System ⭐
Search and Filter Listings 🔍
Detailed Spot Information ℹ️
User Profiles 👤

Technologies Used

React ⚛️
Redux 🔄
Express ⚡
Sequelize 📊

Setup

⚙️ To set up the project locally, follow these steps:
Clone the repository:
git clone https://github.com/yourusername/HomeHopper.git

2. Install dependencies:
 npm install
3.. Create a .env file in the root directory and add the following variables:
DB_USERNAME=your_db_username
DB_PASSWORD=your_db_password
DB_NAME=your_db_name
DB_HOST=your_db_host
JWT_SECRET=your_jwt_secret
4. Set up the backend database, start the frontend and backend server, and open your browser :
Navigate to the backend directory:
cd backend
Create the database:
npx sequelize-cli db:create
Run migrations:
npx sequelize-cli db:migrate
Seed the database (optional):
npx sequelize-cli db:seed:all
Start the backend server:
npm start
Navigate to the frontend directory:
cd frontend
Start the frontend development server:
npm run dev
Open your browser and navigate to http://localhost:3000 to view the application.

Usage

🖥️ You can access the deployed application at HomeHopper on Render.

Contributing

🤝 Contributions are welcome! Please fork the repository and create a pull request.

License

📄 This project is licensed under the MIT License.
Partner With Chase
View Services

More Projects by Chase