brendenwest / cascade Goto Github PK
View Code? Open in Web Editor NEWMobile app for Cascade Bicycle Club
Mobile app for Cascade Bicycle Club
The individual ride api is inconsistent in the datetime field. Some rides have a clean datetime string, and others have trailing wording" Add to Google calendar, Outlook calendar" and so forth. This may be resolved on the api side or by direct string manipulation in the app.
NOTE: Visit the website for ideas on how the component can be created/would look.
Clean up the Project Board ensuring consistent formatting for easily unstainable issues
NOTE:
To Do
and Backlog
issues have correct formatting and are easily understandableWe need to create a new issue to update our README with installation steps as well as steps of how to run the app locally.
Originally posted by @CalebMcOlin in #2 (comment)
Once the team approves on a React Native UI library to use. Have said library implemented onto the code base.
NOTE: Dependent on #8
This is step 4 in developing Daily Rides
In the current state, the Daily Rides screen pulls in all of available rides in the Flatlist format. The list of Daily Rides needs to be filtered based on the current date, so that a limited number of rides is featured.
NOTE: Visit the website for ideas on how the component can be created/would look.
Ride Screen pulls from api and displays detailed information about the selected ride.
At this time, the Featured Rides screen renders a list of available rides and when user clicks one of the items, they are taken to that ride's website page in a browser. Individual Ride screen needs to be implemented so that upon clicking user is taken to that screen instead of the website page.
Objective:
Acceptance Criteria
Dependencies
Open Questions
List all the Libraries use in the README under the Built With
For future use and flexibility, having the IOS folder/build in the repo during the development process is good practice.
As a team we need to have a wireframe for the layout of the app. This will help us know which components navigate to other components. This will also help in knowing how data will be shared between pages.
Use the website to figure out how they have it laid out and use this as a starting point.
Once the wireframe is completed (or at least started) it can be shared with the team for review, feedback and assistance.
NOTE:
A lot of the screens in the app have different looks and designs, they don't look like they belong in the same app.
Some things to address with this issue:
Implement FlatList component instead of ScrollView to show the Loading icon when the data is loaded and to make the code consistent with other screens
Update Android app to target current SDK versions:
buildToolsVersion = "33"
minSdkVersion = 26
compileSdkVersion = 33
targetSdkVersion = 32
NOTE: Visit the website for ideas on how the component can be created/would look.
There appears to be a lot of unnecessary comments on these some of the files.
We need to trim/clean up our code at some point.
Also any template starting code can be removed so it doesn't clutter the codebase
See the comments on closed PR #2 for more information
NOTE: Visit the website for ideas on how the component can be created/would look.
Implement React Native navigation, assign the main window of the app as the main screen
https://reactnavigation.org/docs/bottom-tab-navigator/
Acceptance Criteria
Starter app that deploys on the actual device or an Android emulator
Update daily rides screen to visually identify cancelled rides in red or orange.
At this time, fetched api data renders in the same visual format. Cancelled rides are distinguished by CANCELLED title and not by color.
Note: this is a lower priority issue
Rename the repo to be more specific and fix the typo in the repo's "About" section.
NOTE: These actions require 'Repository Owner' status.
cascade
to cascade-mobile-app
further enhancement ideas from PR #49
Spaced between ride leader names
This is not on your end but on the backend with our API.
Currently, when there are more than one Ride Leaders the names don't have proper spacing. No change is needed on your side, however, you'll need to communicate with Brenden to make sure the API is updated with spaces after each name.
Screenshot 2021-11-14 225853
No rides for the day?
This is more thinking forward to what happens with this screen if there are no rides for the day. The 22nd, 24th, and 25th of this month currently have no rides scheduled in the calendar. What should show on the screen for those days?
Implement InAppBrowser async function to extend functionality and customize design when opening links
Set branch security and issue templets for the repo.
NOTE: Repo admin access is required for this.
Main
branch has merge security so that branch/PR cannot be merged without 2 review.Research the best UI libraries for React Native.
Find alternatives and prepare a very small presentation/explanation for your teammates.
Try to have done by Sunday's meeting on the 10th.
NOTE:
NOTE: Visit the website for ideas on how the component can be created/would look.
Mention where API source in the Readme (https://github.com/brendenwest/cascade-api)
Let's make sure the Cascade app works with NodeJS 18.x, which is now the current version.
engine
value in package.json accordingly:Description
Create the Featured Daily Rides component and add all needed UI elements, navigation paths and interactable objects.
Using the given API for fetching the needed Data (if required).
NOTE: Visit the website for ideas on how the component can be created/would look.
Acceptance Criteria
The component is completely functional and can be navigated to and away from.
Create the Featured Daily Rides component, develop UI, test with hardcoded data
This is step 1 in implementation of Issue #31
The component loads with no errors or warnings, is visible, clearly displays information and rides buttons are touchable
Android bundle name should match the website domain - https://cascade.org/
For IOS and Android
NOTE: Visit the website for ideas on how the component can be created/would look.
NOTE: Visit the website for ideas on how the component can be created/would look.
node.js
version**NOTE:**This will be the component/page the user first sees when opening the app.
This is step 3 in completing #13
Daily Rides Screen to be implemented as part of Home stack
Add features to built out the component functionality:
Replace hardcoded test data with an active API fetch.
Have the rides buttons link to their website using Linking.
This is step two in addressing issue #13
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.