Editlistings

README.md

@@ -1,47 +1,102 @@
-# [your app name here]
+# StayVue
 
 CodePath WEB103 Final Project
 
-Designed and developed by: [your names here]
+Designed and developed by: Saoirse Siobhan Ebert and Hafeefa Sulttan
 
 🔗 Link to deployed app:
 
 ## About
 
 ### Description and Purpose
 
-[text goes here]
+StayVue is your ultimate travel companion, seamlessly merging the world of accommodations with an exclusive rewards program, connecting you to local businesses for a personalized and unforgettable travel experience. Whether you're a wanderlust-filled traveler or an enthusiastic host, StayVue is combination of exceptional stays and rewards that make travel memories even more rewarding. Travelers can experience unique accommodation experiences, write reviews and share their own experiences and earn points in return. The more you travel, the more you earn. Collect points on each stay, each review, and through a referral program. A user can redeem their earned points for discounts on future bookings, exclusive deals, and gift cards for local businesses. Additionally, users will get personalized recommendation and stay connected to local businesses, which means that the app's mission extends to not only providing awesome travel arrangements but supporting the businesses in which the accomodation is near. Users can communicate with hosts for a seamless booking process and personalized travel guidance, the hosts can show their trust value with verified identities and properties.
 
 ### Inspiration
 
-[text goes here]
+StayVue's mission goes beyond just booking accommodations; it's about enriching travel experience by connecting you to the heart and soul of your destination—its local businesses. StayVue is a gateway to immersive travel, rewards, and connections with local communities. Airbnb and other accomodations apps are a huge inspiration for this capstone, but extending the mission in this way is a huge factor into creating a culture of giving back to those communities and the folks who live there.
 
 ## Tech Stack
 
-Frontend:
+Frontend: React, Redux, TailwindCSS, Axios, Webix
 
-Backend:
+Backend: NodeJS, Express, PostgreSQL, Socket.io, Passport.js
 
 ## Features
 
-### [Name of Feature 1]
+### Listings 
 
-[short description goes here]
+- [x] Users can browse the many listings offered at StayVue through our hosts.
+
+<div>
+<img src='https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMjIzdjZyc28weW1uaTF2dzcwNXY1djAzd3E3Z2FxeWMzdXd3aTRpZCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/FfQy2CUE9ofGXafJEx/giphy.gif' title='Video Walkthrough' width='' alt='Video Walkthrough' />
+</div>
+
+### Accommodation Search
+
+Users can search for accommodations based on location, dates, and preferences.
 
 [gif goes here]
 
-### [Name of Feature 2]
+### Detailed Accommodation Listings
 
-[short description goes here]
+Users can view detailed property listings with descriptions, photos, amenities, and reviews.
 
 [gif goes here]
 
-### [Name of Feature 3]
+### Booking Process
 
-[short description goes here]
+Users can easily book accommodations with a streamlined booking process.
 
 [gif goes here]
 
+### Review Submission
+
+Users can submit and edit, and delete reviews and star ratings for accommodations they've stayed in.
+
+### Review Points System
+
+Users earn points for submitting reviews and ratings.
+
+### Points and Rewards Dashboard
+
+Users have access to a dashboard displaying their earned points and redeemed rewards.
+
+### Real-Time Reviews
+
+Users can view real-time reviews and ratings from other travelers while browsing accommodation listings.
+
+### Redeem Points for Discounts and Perks
+
+Users can use their earned points to receive discounts on future bookings and experiences within the local community that the booking is at
+
+### Property Management
+
+Hosts can create and manage property listings with descriptions, photos, and pricing.
+
+### In-App Messaging
+
+Hosts and guests can communicate through in-app messaging.
+
+### Host Verification
+
+Hosts can verify their identity and properties to build trust with users.
+
+### Calendar Availability
+
+Hosts can manage and display property availability calendars.
+
+### Cancellation Policy
+
+Hosts can set cancellation policies for their properties.
+
+## Installation Instructions
+
+[instructions go here]
+
+<!-- Replace this with whatever GIF tool you used! -->
+GIFs created with <a href="https://gifcap.dev/">Gifcap</a> </h3>
+
 ### [ADDITIONAL FEATURES GO HERE - ADD ALL FEATURES HERE IN THE FORMAT ABOVE; you will check these off and add gifs as you complete them]
 
 ## Installation Instructions

client/.eslintrc.cjs

@@ -0,0 +1,22 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+    'plugin:react/recommended'
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+    'react/prop-types': 'off', // Separate rule from the array
+  },
+};

client/.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules/
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.env

client/README.md

@@ -0,0 +1,8 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

client/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/StayVue-2.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>StayVue</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>