Giter VIP home page Giter VIP logo

sundaypeak's Introduction

Sunday Peak

  • Create a todo list of lines to ski, routes to climb, or trails to hit
  • See who else has the same objectives as you
  • Scope them out and get after it

Run DEV - Docker

    git clone [email protected]:amaclean2/BackyardFriends.git
    cd ./BackyardFrieds
    docker-compose build
    docker-compose up

Instalation Instructions - FE (Deprecated)

    git clone [email protected]:amaclean2/BackyardFriends.git
    cd BackyardFriends/mapbox-ui
    npm install
    npm start

Instalation Instructions - BE (Deprecated)

    git clone [email protected]:amaclean2/BackyardFriends.git
    cd BackyardFriends/backyard-be
    npm install
    npm run dev

Run In Staging - FE

https://friends-dot-backyardfriends.wl.r.appspot.com/discover

Run In Staging - BE

https://backyardfriends.wl.r.appspot.com/

sundaypeak's People

Contributors

amaclean2 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

sundaypeak's Issues

Edit User Profile

Agh, I don't know what to do. Let's create a list.
this list is not specific to the frontend at the moment, it's just all the things I can think of

  • #54 (backend placeholder ticket)
  • Click on Following to show everyone the user is currently following
  • Create a table to associate followers
  • Create a follow button
  • Make all the fields in the database editable through a mutation call
  • Make a CDN so that images can be uploaded.
  • Clicking on an item in the tick-list should take you to that adventure
  • Have a list itemizing the history of activities (this is the user's resume of sorts to show other user's their capability).
  • Have a contact user button
  • Have a contributions tab

Clean Up Login/Create User Flow

Login Flow

  • Add a forgot password button
  • Add a return to create user button
  • Clean up header text
  • Clean up input fields
  • Show text in password field
  • Implement forgot password button
  • Implement return to create user button
  • Add an overlay behind <DisplayCard />
  • Position correctly on screen

Create User Flow

  • Clean up input fields
  • Add a return to login button
  • Create a spot for legal notices

Add Forgot Password Flow

  • Add send email field and button
  • Do the whole 'send an email' thing

Edit Adventure

Receive edits to an adventure from the clients and save them to the db

Create Adventure

Finished Tasks

  • Click add adventure
  • Double click the map
  • Pulls up edit adventure pane
  • Fill out required fields
  • Add an error field to edit adventure
    I'm not sure I'm gonna do this because most of the fields aren't required
    Actually, although they aren't required, many of the fields have specific values so I can enforce that
  • Send request to backend
  • Close window

Unfinished Tasks

Edit Adventure

Edit all applicable fields of an adventure and save them to the backend

Get a SQL database set up

Platform Learning

  • Create an environment locally
  • Add a database
  • Add users
  • Add a table
    • Add columns to the table
    • Add rows to the table
    • Select rows
    • Change rows
    • Delete rows

Set up for backyard friends

  • Create a byFriends database
  • Create a users table
  • Create a lines table
  • Create a ticks table
  • Create an activities table

Design User Profile

Contents

  • Followers
  • Following
  • Activities done
  • Image
  • Activities to do
  • Location
  • Gallery

Create a user - FE

  • Make Create a User and Login buttons for when a user isn't currently logged in
  • Make a Create a User flow
  • Make a Login flow
  • Login should select from available users

Handle Routes

Routing Layers

User Layer

  • /user
    • /login POST - login user
    • /add POST - add user
    • /other GET - get another user's data
    • /edit PUT - edit user
    • / DELETE - delete user

Lines Layer

  • /line
    • / POST - get all lines for an area
    • /add POST - add a line
    • /detail GET - get a line's full details
    • /edit PUT - edit a line
    • / DELETE - delete a line

Ticks Layer

  • /tick
    • /add POST - add a new tick
    • /line GET - get all ticks for a line
    • /user GET - get all ticks for a user

Activities Layer

  • /activity
    • /add POST - add a new activity
    • /line GET - get all ticks for a line
    • /user GET - get all ticks for a user

๐Ÿ’ก Note: I'm not using routes except for external APIs which I haven't developed yet. I'm converting all the routes to GQL schemas.

Objective

  • Create a Tick List of lines you want to ski, climbs you wants to send or trails you want to hit. See who else shares your ambitions and go do it.
  • Enter your accomplishments for others to wow at what you've been able to do this season
  • Check in on other's accomplishments to see if they match up with what you want to do
  • Give beta on lines to share with those aspiring to get to where you are

Get a map API

Use MapBox free tier. This should help me render everything I need to.

Get an Express backend set up

Express-Apollo Template
https://github.com/aichbauer/express-graphql-boilerplate/blob/master/api/api.js

Everything has been migrated back to Express, no more GQL.

Flow 1 - User sign in:

  • route /api/users/login

Flow 2 - Page load:

  • GET /initial

Flow 3 - Tick added:

  • POST, (adventure_id, user_id)
    • route /tick/create

Flow 4 - Activity added:

  • Same as above, but activities table
    • route /activity/create

Flow 7 - Add a new adventure:

  • POST, (adventure object)
    • route /adventures/create

Flow 8 - Add a new user:

  • POST, (user object)
    • route /api/user/signup

Flow 9 - View other user:

  • GET, (new_user_id)
    • route /user/other

Flow 10 - View detailed line view:

  • GET (line_id)
    • route /line/detail

Flow 11 - Edit user:

  • PUT request (user object)
    • route /user/edit

Flow 12 - Delete user:

  • DELETE request (user_id)
    • route /user
  • Remove all ticks for that user
  • Remove all activities for that user

Flow 13 - Edit line:

  • PUT request (line obj)
    • route /line/edit

Flow 14 - Delete line:

  • DELETE request (line_id)
    • route /line
  • Remove all ticks for that line
  • Remove all activities for that line

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.