GithubHelp home page GithubHelp logo

marquez93 / plan-my-hikes Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 133.93 MB

Plan your hikes at a National Park. Powered by Chat GPT.

Home Page: http://www.planmyhikes.com

HTML 4.43% CSS 0.33% JavaScript 94.47% Dockerfile 0.77%

plan-my-hikes's Introduction

About

I have been using Chat GPT when planning logistics for hiking national parks. Since national parks don't change much, I query'd & saved hiking advice from Chat GPT for over 100+ national parks around the world.

I wrote documentation to query OpenAI & save results to JSON, CSV, and Postgres DB. The model I queried was Chat GPT 3.5

Deployment

GitHub Actions + AWS Elastic Beanstalk + Docker

Deploy occurs on every merged pull request on the main branch. I send my zipped docker-compose.yml file to AWS & it builds my public Docker images. The docker-compose.yml file is set as the deployment_package in my ./.github/worfklows/main.yml. This is used by the Beanstalk Deploy action.

Nginx

  1. I added a Nginx server to my React Frontend Container. This listens on port 3000 & serves production assets from npm run build.

  2. I forced HTTPS over HTTP in my default.conf for my application Nginx server.

React + Express + PostgresDB (Update: I removed Postgres due to AWS RDS costs)

I implemented Semantic React UI on client side + an Express/PostgresDB API.

Commands

Build multi-container application locally (application will be available locally on http://localhost:81)

docker compose -f docker-compose-dev.yml up --build

SSH onto EC2 instance

ssh - ./Path/To/EC2/SSH/Key/Pair ec2-user@{Your_EC2_Public_IPv4_DNS_Here}

Drop DB

docker exec -it {backend_container_name_here} node seed/drop.js

Seed DB (reads from ./data/json/parks.json file that contains saved Chat GPT responses)

docker exec -it {backend_container_name_here} node seed/seed.js

plan-my-hikes's People

Contributors

marquez93 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.