This version uses React, Redux, Express, Passport, and PostgreSQL (a full list of dependencies can be found in package.json
).
Quick Connect is a web app created to help Hotels connect with customers in a personal way.
To see the fully functional site, please visit:
https://quick-connect-app.herokuapp.com/ [**7-11-21 deployment pending]
Login to begin (the default username and password for development is: username: admin password: 1234.
To register a new user, click on sign up. The flow could look like: select 'Add a Guest' from the side menu, fill in the form to add the guest (maybe you for a fun test??). Select 'Add a Hotel' and add your pretend hotel. Follow the steps on the Home page to select the template (currently only one option), guest name, and hotel, (verify message accuracy as the message prints out) and hit the Send Text Message. Optionally, on log in pick one of the preexisting options in the template/guest name/hotel dropdowns to generate a message.
React.js, Redux, Semantic-UI, Chart.js, Axios, Node.js, Express, PG, and PostgreSQL.
In future releases some of the features I'd like to roll out would be the ability to add custom Templating with handlebar variable support, updating/deleting template/guests/hotels from the database, and automating phone number field validation/formatting.
Before getting started, make sure you have the following software installed on your computer: Node.js PostgreSQL Nodemon Create a new database named quick_connect. Run the queries that are stored in the database.sql file to populate the tables and insert the values you’ll need. The project is built on Postgres so you will need to make sure to have that installed. Postico is recommended for running the queries. In your terminal navigate to this project and run npm install to install all of the necessary dependencies. Run npm run server to start the server Run npm run client to start the server and open a new browser window.
-
Run
npm install
-
Create a
.env
file at the root of the project and paste this line into the file:SERVER_SESSION_SECRET=superDuperSecret
While you're in your new
.env
file, take the time to replacesuperDuperSecret
with some long random string like25POUbVtx6RKVNWszd9ERB9Bb6
to keep your application secure. Here's a site that can help you: https://passwordsgenerator.net/. If you don't do this step, create a secret with less than eight characters, or leave it assuperDuperSecret
, you will get a warning. -
Start postgres if not running already by using
brew services start postgresql
-
Run
npm run server
-
Run
npm run client
-
Navigate to
localhost:3000
To debug, you will need to run the client-side separately from the server. Start the client by running the command npm run client
. Start the debugging server by selecting the Debug button.
Then make sure Launch Program
is selected from the dropdown, then click the green play arrow.