Giter Club home page Giter Club logo

pomb's Introduction

Pack On My Back

Todos

Ivy Migration Todos

  • Fix forms (bleh)
  • Hide disqus like edmflare
  • Fix dashboards (user and admin)
  • Asset creation / update / deletion testing:
    • Trip
    • Juncure
    • Post
    • Pics
  • Fine tune UI experience against current prod
    • Hub module / trip posts bug
  • Launch!
    • Push new build to vps

Top Priorities

Optimizations

  • Performance of imgs is shit. Move to Cloudinary
  • Update to angular 11
  • Trip page
    • SLOW AS FUCK
    • Fix route not showing on trip page map
    • Juncture bubbles not showing
    • Post card img sized badly on mobile
    • Hero not full width desktop
  • Still a 2mb img on front page
    • Start fixing some containers heights so less UI sliding around. Experimental
  • Main bundle is too big -- 2.35 mb. Thinking the way we bundle up all the shared stuff and pass around is inefficient. Maybe only pull in certain components where needed more even if on multiple modules. --> improvements to 1.87 mb
    • Remove shared and froala modules from app module should help
    • Post page isn't working...
    • Profile pic not showing profile page
  • Update angular-apollo some time

Front end fixes live prod

AFTER ONLINE

Logging Into Server

  • SSH into server
  • Switch user
    • $ su - bclynch
  • Go to root
    • $ exit

Development server

Run $ ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Graphql / Apollo

Code Generation

Run

$ npm run generate

Code scaffolding

Run $ ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Feature Ideas

It would be fun to work on a few of these things:

Interactive Map: https://developers.google.com/chart/interactive/docs/gallery/geochart

  • Create base map that will create the geochart component
  • Swap in own API key
  • Extend base a ala https://stackoverflow.com/questions/37542408/angular2-google-charts-how-to-integrate-google-charts-in-angular2 for both a selector on the excursion explorer page AND one thats more personal showing places a user has been. Perhaps if one were to click on it it would take them to a hub of posts/tags they have about it? Dunno.
  • Popover could be nice maybe.
  • For exlorer would be nice to have a hub for each continent. Nice banner a la LP. Also have a map render for the continent so users can click from there

Excursion Explorer: App interface similar to lonely planet that shows information about various countries. Done this before. Look to those examples.

Pack Diary: A centralized hub that a user can use to keep track of their trip. Look at something like polar steps or whatever for ideas. Probably like a day by day where am I + where'd I go. Could connect with the users blog posts as well. Interactive map would be perfect for this with points along the way that exhibit pictures, posts, etc. Can have a check in feature for users to snag their GPS coordinates to update progress. Maybe another hub to make trips public to inspire others.

User Profile: Could create a front page of sorts for each user that has their own grid or look via user admin panel. Something to share with friends + commemorate trip. Perhaps have a way to show off multiple trips/filter by trip etc.

Monetization:

  • Competitors: Polar Steps, Esplorio, inspirock

  • Sponsored routes could be interesting. POMB would be used as a tracking/blogging tool for free to lure users, but non-obtrusive ads + sponsored routes could pay the bills. Travel companies around the world can gps their routes and show off what's avail to users. Get a cut or something of leads / conversions. Would need to flesh out the explore feature set and expand with hotels / activites / etc like lonely planet. Company accounts show off their trip options and user accounts.

  • Company accounts could have their own accounts with subsequent dash to keep track of clciks / views etc. Custom comaany pages to show off their offerings and signups. Make these accounts premium with more analysis options etc.

  • Most features available for free, but some premium like photo caps, private vs public posts, certain features. A couple bucks a year to stay premium. Maybe monthly? Seems like folks would only keep it as long as they're traveling. Maybe one off payments to post for a trip with limits to posts, pictures, etc but once it's there it's always there. Hard to say.

  • https://www.partner.viator.com/partner/home.jspa

  • https://www.travelpayouts.com/

  • http://developer.ean.com/

pomb's People

Contributors

bclynch avatar

Watchers

James Cloos avatar  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.