Send Friend

Description

Duration: 2 Week Sprint

Rock climbing routes come in a wide variety of difficulty, quality, and style, both outdoors and in climbing gyms. Climbers outdoors have well-known resources available to them to gain information about these route specifics. Indoor climbers have fewer well-known options The Send-Friend app is intended to give indoor climbers a way to view and keep track of inddor climbing routes and their relative information. Major features of the app will include a user’s ability to view route details and leave three types of feedback on a given route: perceived grade accuracy, rank overall quality, and optional additional comments. After submission, users will also be able to review their feedback and edit or remove it. Future features will include a climber's personal logbook.

Screen Shot

The current state of the climb list view (for mobile):

And a peek at the Climb Details page:

If you want to add a new climb:

Adding a photo for a new climb:

You can log a clim to your own logbook:

Prerequisites

Software that is required to install the app:

• Node.js
• AWS S3
• Postgres
• Note: Optimized for viewing with Google Chrome

Installation

To spin up the code for this project:

1. Create a database named tagtender_project,
2. The queries in the database.sql file are set up to create all the necessary tables and populate the needed data to allow the application to run correctly. The project is built on Postgres, so you will need to make sure to have that installed. We recommend using Postico to run those queries as that was used to create the queries,
3. Create an IAM user and a bucket on Amazon S3 for storing photos
4. Create a .env file at the root of the project and paste this line into the file:

SERVER_SESSION_SECRET=superDuperSecret

5. While you're in your new .env file, take the time to replace superDuperSecret with some long random string like 25POUbVtx6RKVNWszd9ERB9Bb6 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 as superDuperSecret, you will get a warning.
6. Replacesample in each of the following 4 lines with the appropriate values from your S3 account, and include in you .env file:
   AWS_ACCESS_KEY_ID=sample AWS_SECRET_ACCESS_KEY=sample AWS_REGION=sample S3_BUCKET=sample
7. Make sure your .env is in your .gitignore!
8. Open up your editor of choice and run an npm install
9. Run npm run server in your terminal
10. Run npm run client in your terminal
11. The npm run client command will open up a new browser tab for you!

Usage

As a User:

1. Create a new user on the register page, or login an existing user
2. Select the climbing gym and type of climbing you would like to view
3. Scroll through list of climbs, click or tap on one for more details
4. Click button to make edits if information is incorrect
5. Use 'Back' or "Cancel' button on any page to go back to climb list page
6. Click delete if climb no longer exists
7. Back on list of climbs, click add new climb if there is a climb you want to add
8. Fill in the basic info, then click add photo
9. Select a photo from your device for the climb, and save it
10. Home button on the nav bar shows your profile information
11. Logout button on the nav bar logs you out of the application.

Built With

1. JavaScript
2. React
3. Redux
4. AWS S3/aws-sdk
5. Material-UI
6. Express
7. Postgres
8. Node.js
9. HTML/css

Acknowledgement

Thanks to Prime Digital Academy who equipped and helped me to make this application a reality. Thanks to the Proth cohort

Support

If you have suggestions or issues, please email me at youremail@whatever.com