agil-os/client-side

Plnnr

##Description

Plnnr is a choose your own adventure style travel budgeting app and cost estimator. With very few required user inputs, Plnnr accesses city and date specific average prices for Transportation, Lodging, Meals, and Entertainment. Trip data is calculated on user budget preference for cost-saving trips to extravagant vacations. Trips are saved and rendered per user in the Trip Dashboard. Plnnr provides a complete cost breakdown for all your travel needs.

Built With

• Angular8 - The web framework used
• NestJS - Server Framework
• TypeORM - Query Language and Database Schema
• PostgreSQL - Database Management
• AWS - Deployment

Client Side

Development server

• Server - Run with npm run start server:dev

Build

Run npm start to build the project. The build artifacts will be stored in the dist/ directory. Navigate to http://localhost:3000/

Server Side

Installation

$ npm install

Running the app

# development
$ npm run start

# watch mode
$ npm run start:dev

# production mode
$ npm run start:prod

Test

# unit tests
$ npm run test

# e2e tests
$ npm run test:e2e

# test coverage
$ npm run test:cov

client-side's Issues

Allow users to save trips to Database

Find icons for images on front-end

Authentication through Passport With nestjs

Need to add dependencies

Creating database schema

Write queries for rental cars API

Add Autocomplete widget for cities

Deploy

Confirm that Api's work in Postman

• Numbeo (Meals)
• Numbeo (Gas)
• Yelp
• Zomato
• Kiwi(Flights)
• Teleport (City Info)
• Booking (Hotels)
• Kayak (Rental Cars)

Post trip info directly from decision tree to server for API calls

Route the new trip final step to the dashboard view.

Start server-side queries for Database endpoints

Get data to be rendered to page

Hide main nav for landing, login, signup pages

Write Queries with GraphQL to the database.

Create cross table references in database.

Create end points and server side routing

Find and finish API for calculating driving distance for gas estimate

Work on responding to queries with data from the database. Server to Client

create mockups of application

Posting relational data to database with all reference ids intact

Add GraphQL schema and dependencies

Post trip info from Decision Tree to render budget view

Front end modules

• Landing Page
• Sign up (Hometown Question & Input)
• Login
• Homepage
• Nav/Side Bar
• Destination Question & Input
• Date Picker Section
• Price Range Question and 3 Options
• Transportation Question and 3 Options
• Rental or Your Own Car Question
• Lodging Question and 3 Options
• Budget - Main View
• Budget subCategories
• Budget detailed view

Determine client-side routing control either angular or nest

Create a basic template for all MVP front-end modules

Dark Mode

Save dummy data to the database with Postgres.

Expand login and signup components

Separate the server-side into a new repo

Working on the server to Postgres connection up and running

Authenticate users

Create NavBar Component

Implementing and beginning basic styling with Material

Create dummy/sample data files for all API's

• Numbeo (Meals)
• Numbeo (Gas)
• Kiwi(Flights)
• Teleport (City Info)
• Booking (Hotels)
• Kayak (Rental Cars)

Add user ability to change prices of already made trips

Create form for New Trip Details.

Serve Client static files with Server

Find All trips by User ID

Create Postgres database schema with AWS credentials

Configure NestJS with dotenv and env variables

Boilerplate code files

Set up a .env file with variables for dummy data.

Get trip prices by trip id and quality id

Test a server request from Client

Work with basic rendering

create basic templates/components for app

Create Side Navigation

create server routes

Allow users to edit trips

Allow users to share trips PDFs