Skip to content

Commit

Permalink
skeleton added
Browse files Browse the repository at this point in the history
  • Loading branch information
niekyw committed Jul 27, 2023
0 parents commit 78e6c61
Show file tree
Hide file tree
Showing 7 changed files with 79 additions and 0 deletions.
Binary file added .DS_Store
Binary file not shown.
53 changes: 53 additions & 0 deletions README.md
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 added case-study-skeleton/.DS_Store
Binary file not shown.
16 changes: 16 additions & 0 deletions case-study-skeleton/app.py
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 added case-study-skeleton/static/.DS_Store
Binary file not shown.
Empty file.
10 changes: 10 additions & 0 deletions case-study-skeleton/templates/index.html
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>

0 comments on commit 78e6c61

Please sign in to comment.