rchen1996 / Journey

Journey is a group travel planning app that allows users to plan itineraries in real time with members of their group. Users can also browse and search other members' public itineraries for inspiration.

Home Page:https://journey-lhl.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Journey

About

Journey is a single page app for creating trip itineraries for groups in real time, and browsing public itineraries for inspiration.

Tech Stack

Front-end: React and TailwindCSS
Back-end: Express, Node.js, PostgreSQL and Socket.io

Final Product

home explore activity search overview print

Getting Started

  1. Create the .env by using .env.example as a reference
  1. Install dependencies: npm i
  2. Reset database (using Node v10.20.x): npm run db:reset
  3. Start back-end server: npm start (or npm run dev to run in dev mode with nodemon integration)
  4. Start the client/front-end server: npm start
  5. Visit http://localhost:8000/

Tips

  • Use the npm run db:reset command each time there is a change to the database schema or seeds.
    • Note: in doing this, you will lose any newly created data (not in seed files), as the schema will tend to DROP the tables and recreate them.

Main Dependencies

Client

  • Node (14.X) for React
  • Axios (0.21.X)
  • React (17.X)
  • TailwindCSS (2.0.X)
  • Socket.io-client (4.X)
  • Craco (6.1.X)
  • emailjs-com (2.6.X)
  • react-router-dom (5.2.X)
  • react-to-print (2.12.X)

Back-end Server

  • Node (14.X) for Express Server
  • Node (10.20.X) for PostgreSQL
  • Express (4.16.X)
  • Axios (0.21.X)
  • Socket.io (4.X)
  • bcrypt (5.0.X)
  • cookie-session (1.4.X)
  • helmet (4.4.X)
  • pg (8.5.X)
  • pg-native (3.0.X)

External APIs

  • Triposo
  • Nominatum

About

Journey is a group travel planning app that allows users to plan itineraries in real time with members of their group. Users can also browse and search other members' public itineraries for inspiration.

https://journey-lhl.netlify.app/


Languages

Language:JavaScript 99.1%Language:HTML 0.6%Language:CSS 0.3%Language:Shell 0.1%