dragonboard-frontend's People
Forkers
shengdzhang ai-santos moniarchy jason00111 thamaranth anasauce nodatall ameliavoncat abrahamfergiedragonboard-frontend's Issues
Put HomeNavDropdown button into its own module
Rename to DropdownButton? Perhaps organized into a file structure that suggests it's for the Home Navigation view only.
Implement Redux-Router To Manage History In Redux and prettify URLs
As a product owner, I want router state managed in redux, so that URLs are meaningful and do not include the #
.
- Users should be able to bookmark URLs to return to a page
organize tests
Make homepage text and buttons responsive
h1 needs to be rewritten so the top h1 increases as the browser size is increased, the bottom h1 should decrease as the browser size is increased
Nav: Book a Demo
Text stacks when browser resizes
Create Widget and Registration forms
Rewrite Hamburger Nav Into Redux
Create Basic Widgets
As a user, I want the ability to add a basic widget, like a text, an image, a clock, or a QR code, to my dashboard.
This issue will address the creation of the react needed to do so.
Implement Redux for the following widgets: Image, QRCode, Text
Remove duplicated rules in media queries
Edit General Account Information
From the account details page, create a dynamic form to edit user's first and last names and email address. ---> Frontend only!!!
Homepage image should begin cropping at 420px
See behavior of Geckoboard homepage
Refactor file structure and file names
- Separate Home and Dashboard components into separate folders
- No abbreviations
Rename App component to Home
Create conventions/best practices README
Make navbar responsive and add hamburger
Cancel Account
From account details page give user's the ability to delete their account.
RSS/Atom Feed Widget
As a user, I want to add RSS or Atom feeds of random news to my dashboard.
Implement Redux on Dashboard Landing Page
Configure Routes for Homepage and Dashboard
Nav: More
Moving cursor between down arrow and text shows there is a section that is not a link; down arrow moves independently of text when browser resized.
Figure out CSS approach
BEM?
Fix watchman issue
Right now watchman needs to be installed separately on everyone's computer before the test script will work.
Suggestions:
- add installation instructions (
brew install watchman
) to the readme
or - add watchman as a dev dependency
CSV Widget (Leaderboard)
As a user, I want to be able to add the CSV Leaderboard Widget to my dashboard, so that I can bask in the glory of a leaderboard generated from a CSV file on my dashboard.
- Feature must be tested
- Widget specification must be created
- Dependent fields may be hard coded in widget specification for now
- CSV Widget Component
Create Dashboard Landing Page
As a user, I want to see a landing page that displays all of my widgets for my default dashboard, so that I can interact with my dashboard after logging in.
- This first iteration need not include authentication - just layout
Generalize widget size styles
Seeing a few widgets that begin with:
<div className="widget widget-width-1 widget-height-1" style={ positionStyle }>
We should probably generalize this so we're not replicating it in every component. Quick idea:
class WidgetWrapper extends Component {
render() {
return (
<div className=`widget widget-width-${width} widget-height-${height}` style={ this.positionStyle() }>
{this.props.children}
</div>
)
}
}
Implement SASS Linter To Set Guidelines For Our Styles
Translate CSS to JS CSS
See discussion in facebook/create-react-app#78
Options:
- https://github.com/Khan/aphrodite
- Others? (Straight import of object/inline style strings? Roll our own?)
Setup ES6 Lint Preferences to align with JRob's Specifications
Change documentation to inform how to run linter on this project
- You can now run run "lint:watch" while in dev mode, and it will fix your linting errors
- no contribution guidelines exist on this repo
Edit User's Password
From the account details page, give users the ability to change their password.
Test for Account Detail Changes
receiving new information for account details, overwrites current data and interprets correct type and rejects certain data that does not belong or could otherwise break the app.
Build process for CSS
Might be coming with work getting done by @EthanJStark and @mantinone
CSV Widget (Number)
As a user, I want to be able to add the CSV Number Widget to my dashboard, so that I can bask in the glory of a number on my dashboard.
- Feature must be tested
- Widget specification must be created
- CSV Widget Component
Dashboard not displaying
Minor bug, app.js should only include either Dashboard OR HomeNav HomeBody HomeFooter.
Currently nothing displays, throws errors
Make home main menu dropdown work
Better CSS
too many imports, merge and import once? build?
Add account management dropdown options
Put HomeNavMenuDropdownButton in its own file
and put associated styles in their own file.
Setup Jest and Enzyme
As a developer, I want a test environment, so I can test :all_the_things:
NavMenuButton
Own component, ES6
Add Account Details page
As a user, I want to be able to edit my account details, so that I can update my information when necessary.
- first name
- last name
- password
- subscribe to newsletter
- regenerate API key
- company
- display powered by gecko board bar
- cancel account
Remove inline/embedded images
Move the inline/embedded svg and/or png images into their own files.
Suggestion:
There are online tools which can convert from base 64 into a file.
Create Dragonboard Homepage
As a user, I want to visit a lizardboard homepage to learn more about the tool and its features.
This work will complete the PR #1
Style registration form front end to look like Geckoboard's form.
Add Dashboard Listing
As a user, I want to be able to view a list of my dashboards under my account details, so that I can view and interact with all of my dashboards.
- Dashboard listing
- Link to edit dashboard settings page (do not implement, this will be done in another issue)
- Add dashboard
Create conventions/best practices README
linting (and fix bad indentation in CSS)
Add Dashboard Edit
As a user, I want to be able to edit the details of a dashboard, so that I can update dashboard specific information displayed to end users.
- Link on Dashboard Listing page under Account Details (See #46) takes users to this page
- Fields:
- Title
- Public (boolean)
Add Skeleton for Account Details Page
As a user, I want to be able to see all of my account detail on one page.
- Add account details page to render with User's information:
- First and last name
- Email address
- Password
- Subscribe to Newsletter
- Company
- Cancel account
Mostly static, non-interactive
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.