kelp

Kelp - Dive Locations - solo project

An application used to Create/Read/Update/Delete Dive Site Locations by user, built with React, Redux, JavaScript, and CSS

Project Status

This project is currently in development. Users can add a dive site location: Image, Title, Body of text, and city, state, state, and zip code are optional. Functionality to sort is in progress as wwell as adding comments to a dive site currentlly.

Screen Shot(s)

Comming soon....
[SCREENSHOT]
[SCREENSHOT]

Installation and Setup Instructions

1. Clone this repo:
   
   

   • git clone git@github.com:jjtuttle/kelp.git
     
     

2. Install dependecies from the root directory
   
   

   • npm install
     
     

3. Create a POSTGRESSQL user with CREATEDB and PASSWORD in PSQL
   
   

   • CREATE USER <user-name> WITH PASSWORD <'your-string-password'> CRETAEDB
     
     

4. Create a .env file in the backend directory based off the .env.example found in the same directory
   
   

5. Enter your user name and password info into the .env file with your desired <database_name>, a secure combonation of characters for your JWT_SECRET, and the desired PORT (perferably 5000).
   
   

6. Add the following proxy to your package.json file in your frontend directory, replacing or keeping the 5000 pert to match your PORT config that is in your .env file
   
   

   • "proxy": "http://localhost:5000"
     
     

7. Create the Database, Migrate, and Seed the models
   
   

   • npx dotenv sequelize db:create
     
   • npx dotenv sequelize db:migrate
     
   • npx dotenv sequelize db:seed:all
     
     

8. Start the services in the backend directory
   
   

   • npm start
     
     

9. Start the services in the frontend directory, whih then should open the project in your default browser. If not, open a tab and navigate to: http://localhost:3000
   
   

   • npm start
     
     

10. The splash page will launch and from there you can login with the Demo User button automatically, signup and create your own login (within the validations), or login with a current user.
    
    

11. Once logged in, navigate to Locations to see a list of dive site postings, click add a location to add your own, or [comming soon...] add a review to a posted dive site location