-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 78e6c61
Showing
7 changed files
with
79 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,53 @@ | ||
# Project Document | ||
|
||
|
||
|
||
## Your final outcome: | ||
- You will build a *dynamic* **web application** using the CS tools you learned so far! | ||
|
||
|
||
## Project Plan: | ||
In this challenge, you are assigned a [Company] who came to you with a problem statement. Brainstorm ways to solve the problem, and integrate your CS skills in the solution! | ||
|
||
|
||
## Official Requirements: | ||
Final Outcome: | ||
- User Interactivity/Friendliness | ||
- Uses Flask (Routing & Forms) | ||
- Databases implemented (2 functions of C(reate) R(ead) U(pdate) D(elete)) | ||
|
||
|
||
### Bonus: | ||
- APIs | ||
|
||
|
||
|
||
## Why should you care? | ||
You learned about Front-end (HTML, CSS and JS) and Back-end (Python, Flask and Firebase). Now it’s time to put all of this knowledge combined together to the test! | ||
The best way to practice and solidify all of these new concept in programming is to actually implement it, so this project gives you a chance to make practical use of what you’ve learned. | ||
|
||
|
||
## Brainstorming: | ||
1. Brainstorm ways you can use a web application to solve your company's challenge. | ||
- Can be on paper & pen or a tool of your choice. *Make sure to save your documentation somewhere safe as you are encouraged to submit it!* | ||
|
||
## Storyboarding & Wireframing: | ||
1. Draw the storyboards and wireframe of your different pages! | ||
- Can be on paper & pen or a wireframing tool of your choice (such as [NinjaMock](https://ninjamock.com/)). | ||
- For getting a color scheme, here's a [useful website](https://coolors.co/) | ||
- Wireframe example: | ||
<img src="https://lh3.googleusercontent.com/7lqo2S5GBmY2UITQFdUeSVWR0XAche0gWqcqvkxJhdHAUCnHHDt4WfpHnhmYOqxQBsOCiFp88EMtnaNJ6uQ6TYEvvuEP2UKakQPjoQlH2ZTDeyzHfdwI1pXNQ2-xVGjlC2KAs4Z8mg" width="350"> | ||
|
||
- Storyboard example: | ||
<img src="https://i.pinimg.com/originals/16/99/80/169980c1c89268b8e6b8a506e5bfee91.jpg" width="350"> | ||
|
||
|
||
## Building/Workflow: | ||
1. Brainstorming | ||
2. Writing down your plan *(must)*, Storyboarding & Wireframing *must)* + Choosing a color scheme *(optional)* | ||
3. Implementation (Coding + building everything together) | ||
|
||
|
||
|
||
|
||
Don't forget the entrep and CS team is always here for you! To help push and support your work and creativity. Don't hesitate to approach anyone on the team for anything on your mind! |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
from flask import Flask, render_template, request, redirect, url_for, flash | ||
from flask import session as login_session | ||
import pyrebase | ||
|
||
app = Flask(__name__, template_folder='templates', static_folder='static') | ||
app.config['SECRET_KEY'] = 'super-secret-key' | ||
|
||
#Code goes below here | ||
|
||
|
||
|
||
|
||
#Code goes above here | ||
|
||
if __name__ == '__main__': | ||
app.run(debug=True) |
Binary file not shown.
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title></title> | ||
</head> | ||
<body> | ||
|
||
</body> | ||
</html> |