forked from bchiang7/bchiang7.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathother-projects.yml
162 lines (148 loc) · 8.36 KB
/
other-projects.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
- name: Surf Videos
url: https://github.com/bchiang7/Surf-Videos
code: https://github.com/bchiang7/Surf-Videos
description: Small React project created during an interview process to browse and search surf videos via the YouTube API.
used:
- thing: JavaScript
- thing: React
- thing: React Router
- thing: Axios
- thing: YouTube API
- name: Halcyon Theme
url: https://bchiang7.github.io/halcyon-site/
code: https://github.com/bchiang7/halcyon-site
description: A minimal, dark theme for Sublime Text, Atom, VS Code, and more published to <a class="underline-link" href="https://packagecontrol.io/packages/Halcyon%20Theme">Package Control</a>, <a class="underline-link" href="https://atom.io/themes/halcyon-syntax">Atom Package Manager</a>, <a class="underline-link" href="https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode">Visual Studio Marketplace</a>, and <a class="underline-link" href="https://www.npmjs.com/package/hyper-halcyon-theme">NPM</a>.
used:
- thing: Gatsby
- thing: Sublime Text
- thing: Atom
- thing: VS Code
- thing: iTerm2
- thing: Hyper
- name: Lonely Planet DBMS
url: https://github.com/bchiang7/CS3200-Project
code: https://github.com/bchiang7/CS3200-Project
description: Final project for my Database Design course at Northeastern. A simple web application that allows users to filter through a database containing Lonely Planet's <a class="underline-link" href="https://www.amazon.com/Lonely-Planets-Ultimate-Travel-Places/dp/1760342777" target="_blank">Top 500 Travel Destinations</a>. Users are able to add themselves as visitors as well as leave reviews of the destinations.
used:
- thing: Python
- thing: MySQL
- thing: Flask
- thing: HTML
- thing: CSS
- thing: JavaScript
- name: myNEU Redesign
url: https://bchiang7.github.io/Redesign-myNEU/
code: https://github.com/bchiang7/Redesign-myNEU
description: myNEU student portal web prototype for my information science senior project. I conducted a study that aimed to answer the question of how myNEU can be improved to provide students at Northeastern with a better user experience. Informed by usability metrics gathered from user tests, I redesigned and developed a web prototype of myNEU.
used:
- thing: Jekyll
- thing: HTML
- thing: SCSS
- thing: JavaScript
- name: Crowd DJ
url: https://github.com/crowddj/crowddj-react
code: https://github.com/crowddj/crowddj-react
description:
A web app that allows people who are at a party or social gathering with a DJ to request songs via their smartphones. The web app allows people to see the currently playing song, request songs, upvote songs, and rate songs so the DJ can see how the crowd is feeling and act accordingly. In other words, Crowd DJ is essentially a crowdsourced music queue. <br>
<a class="small" href="http://projects.hackbeanpot.com/2017-projects.html">🏆 Won Best UI/UX Design at Hackbeanpot 2017 🏆</a>
used:
- thing: React
- thing: Sass
- thing: Firebase
- thing: Spotify API
- name: Weather Widget
url: http://quiet-dusk-89245.herokuapp.com/
code: https://github.com/bchiang7/DemoWebApp
description: A simple weather app I made at HubSpot's Fall 2016 Web App Workshop with Node.js, Express, and Heroku. I used the OpenWeatherMap API to get weather and forecast data, and then used the current city's coordinates to create a map background that reflected the current city using the Google Maps API.
img: weather
used:
- thing: JavaScript
- thing: CSS
- thing: Node.js
- thing: Express
- thing: Heroku
- thing: OpenWeatherMap API
- thing: Google Maps API
# - name: ScreenTime 2.0
# url: https://play.google.com/store/apps/details?id=com.starry.management
# description: App-blocking feature on <a class="underline-link" href="https://starry.com/station" target="_blank">Starry Station</a> that provides functionality for users to easily filter content, pause the internet, and even create custom rules for blocking apps like Facebook and Twitter right from their mobile phones. Learn more about ScreenTime 2.0 on <a class="underline-link" href="https://www.producthunt.com/tech/screentime-for-starry-station" target="_blank">Product Hunt</a> and the <a class="underline-link" href="https://blog.starry.com/whats-new-screentime-just-got-better-for-parents/" target="_blank">Starry Blog</a>.
# used:
# - thing: JavaScript
# - thing: CSS
# - thing: Handlebars
# - thing: Backbone
# - thing: Marionette
# - thing: Cordova
- name: Personal Website V2
url: https://bchiang7.github.io/v2
code: https://github.com/bchiang7/v2
description: Second iteration of my personal website. Designed and developed with a conscious effort to avoid using any superfluous frameworks like Bootstrap.
used:
- thing: Jekyll
- thing: Handlebars
- thing: SCSS
- thing: JavaScript
- thing: Github Pages
- name: React Resume
url: https://bchiang7.github.io/react-profile/
code: https://github.com/bchiang7/react-profile/
description: An online version of my 2016 resume I made for fun. I was interested in learning React.js, so I found this <a class="underline-link" href="https://medium.com/learning-new-stuff/building-your-first-react-js-app-d53b0c98dc#.1439cdewq">simple tutorial</a> and it kind of spun into this weekend project. I probably didn't need to use React at all, but hey, at least I learned a few things!
used:
- thing: JavaScript
- thing: React
- thing: CSS
- name: CourseSource
url: http://webdevspring2016-chiangbrittany.rhcloud.com/project/client/#/login
code: https://github.com/bchiang7/WebDevSpring2016/tree/master/public/project
description: A web application built on the MEAN (MongoDB, Express, Angular, Node) stack for my web development course at Northeastern. I created this web app with the intention of providing Northeastern Students a better experience browsing the courses offered at Northeastern.
used:
- thing: HTML
- thing: CSS
- thing: JavaScript
- thing: Node.js
- thing: Angular
- thing: Express
- thing: MongoDB
- name: NU Women in Tech
url: http://nuwit.ccs.neu.edu/
code: https://github.com/nuwit/website
description: Complete overhaul and redesign of NU Women in Tech's club website using Jekyll, built while serving as web chair on the e-board.
used:
- thing: Jekyll
- thing: HTML
- thing: CSS
- thing: JavaScript
- thing: Bootstrap
- name: Fontipsums
url: https://bchiang7.github.io/fontipsums
code: https://github.com/bchiang7/fontipsums
description: As someone who has an eye for typography, I wanted a way to visually see different font combinations together. I whipped up this simple website to display some of my favorite pairings combined with some fun lorem ipsum variations I found on the web.
used:
- thing: HTML
- thing: SCSS
- name: Personal Website V1
url: https://bchiang7.github.io/v1
code: https://github.com/bchiang7/website_2015/
description: My first portfolio website I designed and built in 2014. I learned quite a bit about HTML, CSS, and SEO. Since then, I think my web development and design skills have improved immensely.
used:
- thing: HTML
- thing: CSS
- thing: Bootstrap
- thing: JavaScript
- thing: jQuery
- name: One Card For All
url: http://onecardforall.org
description: MullenLowe's 2016 holiday site built around an algorithm that generates a holiday greeting to each and every person on the planet. As new names appear, visitors can watch them fall, like snowflakes, onto a stylized world map. Users can also find their own name and see it as part of the world collective. Check out this short <a class="underline-link" href="http://us.mullenlowe.com/work/one-card-for-all/" target="_blank">video</a> describing the project.
used:
- thing: HTML
- thing: SCSS
- thing: JavaScript
- thing: jQuery
- name: JetBlue HumanKinda
url: https://us.mullenlowe.com/work/humankinda/
description: Tumblr site complementing JetBlue's HumanKinda campaign and documentary. The site houses the video documentary, many graphics created by Mullen for the campaign, and an interactive quiz to determine how "HumanKinda" you are. Learn more about this project <a class="underline-link" href="http://us.mullenlowe.com/work/humankinda/" target="_blank">here</a>.
used:
- thing: HTML
- thing: CSS
- thing: JavaScript
- thing: jQuery