FrontendProject-tabletennistourney
所属分类:前端开发
开发工具:CSS
文件大小:0KB
下载次数:0
上传日期:2017-11-03 01:35:30
上 传 者:
sh-1993
说明: 制作了一个网站来练习和展示前端编程技能,
(Made a website to practice and display front end programming skills,)
文件列表:
.DS_Store (10244, 2017-11-02)
app.js (1136, 2017-11-02)
controllers/ (0, 2017-11-02)
controllers/playersController.js (3460, 2017-11-02)
controllers/schedulesController.js (879, 2017-11-02)
controllers/standingsController.js (752, 2017-11-02)
css/ (0, 2017-11-02)
css/.DS_Store (6148, 2017-11-02)
css/styles.css (31515, 2017-11-02)
css/styles.css.map (21556, 2017-11-02)
images/ (0, 2017-11-02)
images/.DS_Store (8196, 2017-11-02)
images/butterflyLogo.png (20057, 2017-11-02)
images/butterflyLogoSmall.png (2566, 2017-11-02)
images/chaseLogo.png (7035, 2017-11-02)
images/chaseLogoSmall.png (2183, 2017-11-02)
images/defaultImg.jpg (6373, 2017-11-02)
images/footer-left.png (9963, 2017-11-02)
images/footer-right.png (6711, 2017-11-02)
images/headerLogo.png (10463, 2017-11-02)
images/headerLogo_B.png (10949, 2017-11-02)
images/killerspinLogo.png (12015, 2017-11-02)
images/killerspinLogoSmall.png (1807, 2017-11-02)
images/league.png (5855, 2017-11-02)
images/logos.png (116477, 2017-11-02)
images/microsoftLogo.png (9071, 2017-11-02)
images/microsoftLogoSmall.png (2103, 2017-11-02)
images/paddle bg.jpg (2437826, 2017-11-02)
images/page-hero.png (85409, 2017-11-02)
images/pongTable.png (197963, 2017-11-02)
images/rcaLogo.png (9032, 2017-11-02)
images/stigaLogo.png (12455, 2017-11-02)
images/stigaLogoSmall.png (2532, 2017-11-02)
images/table_t.png (260535, 2017-11-02)
images/tvLogo.png (2876, 2017-11-02)
images/users/ (0, 2017-11-02)
images/users/.DS_Store (6148, 2017-11-02)
images/users/Durden.jpg (119950, 2017-11-02)
images/users/biggs.jpg (15710, 2017-11-02)
... ...
# Description
This front-end web app was designed to help organize competitive ping pong players at a local level. Players create user profiles that will keep track of their game history, schedule, individual player statistics, and rankings (using a real elo formula).
## Technologies
| Technology | Deployment |
| ----------- | ------------|
| Angular JS | [heroku](https://tabletennis-app.herokuapp.com/) |
| jQuery ||
| HTML ||
| CSS ||
| Sass ||
![Picture goes here](./images/logos.png)
## User Model
| Parameters | Value | Description | Example |
| ----------- | ---------- | ------------ | ------- |
| First Name | String | First Name of User | "Roger" |
| Last Name | String | Last Name of User | "Chavez"
| Email | String | Email of User | "roger.chavez@gmail.com" |
| D.O.B. | Date | Date of Birth of User | "08/08/1988" |
| Gender | String | Male or Female | "Male" |
| Age | Number | Age of User| 28|
| wins | Number | Automatically set to 0 when starting a new account | 0 |
| losses | Number | Automatically set to 0 when starting a new account | 0 |
| Elo Rank | Number | Automatically set to 2000 when starting a new account | 2000 |
| Img | Link | A default Img is provided when starting a new account | ![Example image goes here](./images/defaultImg.jpg) |
## Planning and Approach
For our first front end development project, tasks were delegated and roles were identified as a mutual team decision. The plan consisted of getting the core framwork and fuctions working through angular and then constructing a UX minded Font End.
## Team Roles
- Ranking page layout and interactivity - Shawn Pridmore
- Header, Footer, and schedule layout and interactivity - Issac Escobar
- Create new Users and profile page layout, interactivity, and elo ranking - Roger Chavez
## Challenges
- First time using Github. We were extra careful doing pull/push requests throughout the project.
- Figuring out how to properly route my pages.
- Properly making my pages reactive and accessing my players data and being able to update it.
近期下载者:
相关文件:
收藏者: