sports-portfolio's People
sports-portfolio's Issues
Establish the Express.js API routes for the application.
We need documentation for an API so back-end can begin writing routes and front-end will know what routes to hit.
At a high level our API should handle
- Retrieving a card from DB and store in client's memory
- Adding a card form client's memory to a user's cart in DB
- Retrieving a user's cart from DB
- Removing a card from a user's cart and updating DB
- Sending user's cart to our email service
This should easily follow CRUD, if there's anything you think is missing post a comment.
NOTE: Something that might be of interest is using swagger
which is already built into our project because of the mean.io boilerplate.
---> SEE ./server/config/swagger.json
and edit that.
Recommended resources
API Design suggestions
Sample Swagger.json and preview editor
As a user, I want to be able to browse the sport cards without the sidebar disappearing so that I can continue to filter after selecting a few cards.
Add infinite scroll to the navigator.
This is an Angular component that we can add to the project.
As a user, I want to be able to browse the sport cards without the sidebar disappearing so that I can continue to filter after selecting a few cards.
Create error messages for the signup and signin page.
Setup accounts for the deployment services.
Someone please create a shareable Gmail account for this project, and register to the following with it:
Please share its info as a reply to this, and share it on Slack. Once the Heroku account is set-up, make sure to test our boilerplate:
- Pull the repo, and try hosting on Heroku on their free plan.
- Sync the Heroku repo with the master branch on GitHub so it's always updated.
- Document the URL and credentials Heroku provides and share in Slack and below.
Add schemas to the project.
As of now, I believe the way we have the schemas set-up on our slides is probably fine, however I do not believe we would need the Cart
schema. We could utilize Order
with the confirmed
column as a mean to keep track of whether or not it has been purchased, and therefore a substitute for Cart
. Thoughts?
customerID | fullName | hashedPassword | createdAt | roles | |
---|---|---|---|---|---|
0 | Rick Strattum | [email protected] | md5_pass | 2019-03-11 | [admin, user] |
cardID | bought | playerName | team | Description | sport | images | createdAt |
---|---|---|---|---|---|---|---|
0 | False | Allen Iverson | Philadelphia 76ers | Collector’s Edge Rookie Rage - Die Cuts | Basketball | [http://, http://] | 2019-03-11 |
1 | False | David Ortiz | Boston Red Sox | #110 of 300, 2004, Bazooka | Baseball | [http://, http://] | 2019-03-11 |
orderID | customerID | cardIDs | price | confirmed | createdAt |
---|---|---|---|---|---|
0 | 0 | [0, 1] | $543 | False | 2019-03-11 |
Fix connection to mongodb
We have been unable to connect to our mongodb online. I have been the only one who has connected. If we can find what has been causing this issue and address it that would rock. I will start troubleshooting today. cheers ya'll
Structure the front-end design & component configuration.
We have to figure out how the application will feel like. I would recommend checking out HTML themes on themeforest.net (make sure they aren't Wordpress, etc.)
The current wireframe for the project looks like so:
Homepage:
Sign-Up
Dashboard
New CSS styling for the /about page.
Fix sidebar auto-hiding; solution posted.
The sidebar we are currently using is based on the ng2-semantic-ui
package, which currently does not have support for the sidebar to be always open. To fix this the following must be done:
- Fork the original
ng2-semantic-ui
. - Merge it with the fixed sidebar branch
ng2-semantic-ui/yhnavein:feat(sidebar)/stay-open
- NPM install the forked updated version.
Make cards zoom when you pass your mouse over it.
Possible implementation demonstrated by another group.
Load small sample of sport card assets for testing & dev purposes.
Get some sample sports cards (front and back) and create a directory structure within the assets directory that makes it easy to access front and back images of the same card from the schema.
Create card component to generate cards in the navigator.
Card components are specifically for the navigator
.
Create mongoose controllers
Create mongoose controllers for the card and orders. Adding a branch th/mongocontrollers and keeping my code stored there.
Questions for Rick Strattum.
Post questions for Rick Strattum here, so that @bauff can keep track of everyone's concern.
Add a global CSS file.
Create colorscheme and set font size/spacing for better accessibility
Expand on the sidebar filtering.
Once the navigator
is up and running, we need to expand on the sidebar
's filtering settings.
Create card-view component to be expand on the cards information.
This card-view component should allow admin
privilege users to edit the cards directly from the UI. If you are in user
privilege, you should only be able to view it.
Organize the components so that they are easier to navigate when developing.
Create BackEndService to handle requests to the server
From what I understand components are meant to hold views and logic specific to the component and data is meant to be fetched using services.
read more: https://angular.io/guide/architecture-services
So we should make a service that handles making appropriate requests to the backend so we can inject this data directly into our components.
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.