\\n
\\n
\\n
\\n
{{card.name}}
\\n \\n
\\n {{card.description}}\\n
\\n
\\n
\"\n\n/***/ },\n\n/***/ 753:\n/***/ function(module, exports) {\n\nmodule.exports = \"
\\n\\n
\\n
\\n
YouTube Tutorials
\\n
\\n\\n
Slides
\\n
\\n
\\n Mobile Developers of Berkeley held an Android open workshop for UC Berkeley students. The slides I made for this workshop are viewable here.\\n
\\n
\\n
\\n
\\n\\n\\n
\"\n\n/***/ },\n\n/***/ 793:\n/***/ function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(438);\n\n\n/***/ }\n\n},[793]);\n\n\n// WEBPACK FOOTER //\n// main.c4d71fe8399ea14308f1.bundle.js","function webpackEmptyContext(req) {\n\tthrow new Error(\"Cannot find module '\" + req + \"'.\");\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 437;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src async\n// module id = 437\n// module chunks = 0","import './polyfills.ts';\n\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\nimport { enableProdMode } from '@angular/core';\nimport { environment } from './environments/environment';\nimport { AppModule } from './app/app.module';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule);\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts","import { Component } from '@angular/core';\n\n@Component({\n selector: 'about',\n templateUrl: 'app/about.component.html',\n})\n\nexport class AboutComponent {\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/about.component.ts","import { Component } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.css'],\n})\n\nexport class AppComponent {\n title = 'app works!';\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app.component.ts","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { HttpModule } from '@angular/http';\nimport { MaterialModule } from '@angular/material';\nimport { PortfolioGrid } from 'app/portfolio.grid.component';\nimport { AboutComponent } from 'app/about.component';\nimport { CoursesComponent } from \"app/courses.component\";\nimport { TutorialsComponent } from \"app/tutorials.component\";\nimport { CommonModule } from '@angular/common';\n\nimport \"hammerjs\"\n\nimport { AppComponent } from './app.component';\n\n@NgModule({\n declarations: [\n AppComponent,\n PortfolioGrid,\n AboutComponent,\n CoursesComponent,\n TutorialsComponent\n ],\n imports: [\n BrowserModule,\n FormsModule,\n HttpModule,\n MaterialModule.forRoot(),\n CommonModule\n ],\n providers: [],\n bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/app.module.ts","import { Component } from '@angular/core';\n\n@Component({\n selector: 'courses',\n templateUrl: 'app/courses.component.html',\n})\n\nexport class CoursesComponent {\n courses: Course[] = [\n {number: \"CS 189\", name: \"Introduction to Machine Learning\", year: \"Spring 2018\"},\n {number: \"Data 100\", name: \"Principles and Techniques of Data Science\", year: \"Spring 2018\"},\n {number: \"Physics 7B\", name: \"Heat, electricity, and magnetism\", year: \"Spring 2018\"},\n {number: \"CS 162\", name: \"Operating Systems and System Programming\", year: \"Fall 2017\"},\n {number: \"CS 161\", name: \"Computer Security\", year: \"Fall 2017\"},\n {number: \"CS 188\", name: \"Introduction to Artificial Intelligence\", year: \"Fall 2017\"},\n {number: \"CS 170\", name: \"Efficient Algorithms and Intractable Problems\", year: \"Spring 2017\"},\n {number: \"CS 61C\", name: \"Great Ideas in Computer Architecture (Machine Structures)\", year: \"Spring 2017\"},\n {number: \"CS 70\", name: \"Discrete Mathematics and Probability Theory\", year: \"Fall 2016\"},\n {number: \"CS 186\", name: \"Introduction to Databases\", year: \"Fall 2016\"},\n {number: \"Math 110\", name: \"Linear Algebra\", year: \"Fall 2016\"},\n {number: \"CS 61B\", name: \"Data Structures\", year: \"Spring 2016\"},\n {number: \"EE 16B\", name: \"Designing Information Devices and Systems II\", year: \"Spring 2016\"},\n {number: \"Math 53\", name: \"Multivariable Calculus\", year: \"Spring 2016\"},\n {number: \"CS 61A\", name: \"The Structure and Interpretation of Computer Programs\", year: \"Fall 2015\"},\n {number: \"EE 16A\", name: \"Designing Information Devices and Systems I\", year: \"Fall 2015\"},\n {number: \"Physics 7A\", name: \"Mechanics and wave motion\", year: \"Fall 2015\"},\n ]\n}\n\nexport class Course {\n number: string;\n name: string;\n year: string;\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/courses.component.ts","import { Component } from '@angular/core';\n\n@Component({\n selector: 'portfolio-grid',\n templateUrl: 'app/portfolio.grid.component.html',\n inputs: ['cards']\n})\n\nexport class PortfolioGrid {\n cards: PortfolioCard[] = [\n {\n name: 'Secured In',\n imageUrl: \"https://lh3.googleusercontent.com/a4oRnc9U1SnecDGPvXdT80BQ0a1K7FofyPvU4buJf0f83ivGpe2T6Ck1LXK2iGqYdgXsSs1lSartySMgJ0F1i2pXbGk_rAnIfpe9i8v9ePgPUPqdLa7_VH05gmwU1fOojS8YqXcF4ApIFtR5faswTAb1WE4Hbqnd_Dqv5MCyG6bZ7WgFXsUvmQonDBo5o46Pev86ckaLLTJwttCwaTOeG7Gwf0gKHPwxi9uG3wMmpKahYO3hPhKRp9QfrvH9kcP0SOV9Koi5Mt6w6dwNKGdPGgNq2nMayZrlqo2Q_K5ThU6ap_4hyRv_3gwToP5RP1412GwK7im5quOvRXANVUopoKr4UkuAKf035keJVdGaYx8jvxy0j88GHoi2cKHChqVZ_SO5MdvtV2V215NOa-CNov0f8cq1W5A9jYlfwe6FFYlGo5H71uYGU8knhqTY0a67XUQfcyxIn7xABNIcaMFLF3XJUXUX3ObIjx-0XDb1DKXl4XGlbTWhKFtPANEEReMeoeW8ZlLfKmhaO9YGIgxwYYKS0fYZ0fuAomcIe-jOYepbZe_fUenVRwpCPvQ2Fv6tMm9-vWhX=w1440-h714\",\n description: \"Secured In is a secure data storage application. As data security increases in importance, I took this opportunity to apply my research on cryptography to a real world situation. To not only meet but exceed the standards, Secured In uses AES256 to encrypt, HMAC with SHA256 to verify/authenticate, and PBKDF2 to guarantee the user is the only individual with access.\",\n readMoreLink: \"./securedin.html\",\n projectLink: \"\"\n },\n {\n name: 'Intelli IM',\n imageUrl: \"https://lh6.ggpht.com/HgjpI8GA7f1H_nfYNUtUdwSMkMCzLTkRR10ThCIfdbqadGVEibpMC7vb3RREaWY7uc8=w300-rw\",\n description: \"Intelli IM is an enterprise instant messaging application that is available for both iOS and Android. I was on the team that ported the application to Android. On top of much of the initial functionality, such as databases and notifications, most recently I have been working on improving performance and adding Material Design.\",\n readMoreLink: \"\",\n projectLink: \"https://play.google.com/store/apps/details?id=com.rapidcyber.intelliim.android\"\n },\n {\n name: 'Assassins Guild',\n imageUrl: \"https://lh3.googleusercontent.com/PohfMvtOwS_SFRCtKQusSWVGTOKsXgmJs28-grd6kK45fQQomfVO13_jG7EvwCQwOhA=w300-rw\",\n description: \"Assassins is a popular game played in high schools, colleges, clubs, and sometimes just between friends; the objective is to tag your target without them realizing that you are there. In the past, players needed an admin to set up the game and assign targets, but now, with Assassins Guild on Android, iOS, and web, all of that is taken care of so anyone can easily play.\",\n readMoreLink: \"\",\n projectLink: \"https://play.google.com/store/apps/details?id=org.assassinsguild.android\"\n },\n {\n name: 'Qlic',\n imageUrl: \"https://lh3.googleusercontent.com/2GMjIB4cyzjzWFpfDr_FgEiFfU4QRsmbJ9pPDrMgMDXCt0lsVJac8YtRsh_EkPDqMOg=w300-rw\",\n description: \"An Android application that utilizes Google's Nearby API to share contact information and social media profiles wirelessly among groups of people. We utilize AES128 and PBKDF2 to secure the data as well.\",\n readMoreLink: \"\",\n projectLink: \"https://play.google.com/store/apps/details?id=com.swap.mdb.qlic\"\n },\n {\n name: 'Database Management System',\n imageUrl: \"\",\n description: \"Implemented a datbase management system covering many aspects of datbase design. Records following different schemas were written to pages, with iterators for various types of page joins. Table locking was also implemented as well as System-R query optimizations.\",\n readMoreLink: \"\",\n projectLink: \"\"\n },\n {\n name: 'Bear Maps',\n imageUrl: \"\",\n description: \"Built an online map of UC Berkeley using open sourced data. Images at various zoom levels were stored in a quadtree, and as the user zoomed into and out of the map the tiles at the correct zoom level were stiched into one image. When 2 points were clicked, the A* algorithm was used to determine the shortest path between them using roads.\",\n readMoreLink: \"\",\n projectLink: \"\"\n } \n ]\n}\n\nexport class PortfolioCard {\n name: string;\n imageUrl: string;\n description: string;\n readMoreLink: string;\n projectLink: string;\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/portfolio.grid.component.ts","import { Component } from '@angular/core';\n\n@Component({\n selector: 'tutorials',\n templateUrl: 'app/tutorials.component.html',\n})\n\nexport class TutorialsComponent {\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/tutorials.component.ts","export const environment = {\n production: true\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/environments/environment.prod.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/app.component.css\n// module id = 748\n// module chunks = 0","module.exports = \"
\\n\\n
\\n
\\n
About
\\n \\n
\\n\\n
\\n
Introduction
\\n
\\n
\\n I am a graduate of Electrical Engineering and Computer Science from the University of California, Berkeley. You can check out my portfolio of projects to see some of the cool things I've made, or visit the tutorials tab to learn some Android development!\\n
\\n
\\n\\n
Fun Facts
\\n
\\n
\\n 1. I love the TV show Friends. I even made a Chandler Bing Whip App in honor of the unique whipping noise he makes. The app features a widget, whip count leaderboard, and more!\\n
\\n
\\n 2. Football is my favorite sport--Go Buckeyes! in fact, I am playing flag football on an intramural team!\\n
\\n
\\n 3. I have designed a few Snapchat filters, maybe one day one will be accepted! (*sad face*)\\n
\\n
\\n 4. In middle school I memorized 175 digits of Pi.\\n
\\n
\\n
\\n
\\n\\n\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/about.component.html\n// module id = 749\n// module chunks = 0","module.exports = \"
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/app.component.html\n// module id = 750\n// module chunks = 0","module.exports = \"
\\n \\n \\n | Course Number | \\n Course Name | \\n Year | \\n
\\n \\n \\n \\n | {{course.number}} | \\n {{course.name}} | \\n {{course.year}} | \\n
\\n \\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/courses.component.html\n// module id = 751\n// module chunks = 0","module.exports = \"
\\n
\\n
\\n
\\n
{{card.name}}
\\n \\n
\\n {{card.description}}\\n
\\n
\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/portfolio.grid.component.html\n// module id = 752\n// module chunks = 0","module.exports = \"
\\n\\n
\\n
\\n
YouTube Tutorials
\\n
\\n\\n
Slides
\\n
\\n
\\n Mobile Developers of Berkeley held an Android open workshop for UC Berkeley students. The slides I made for this workshop are viewable here.\\n
\\n
\\n
\\n
\\n\\n\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/tutorials.component.html\n// module id = 753\n// module chunks = 0"],"sourceRoot":""}
![\\\"\\\"](\\\"https://firebasestorage.googleapis.com/v0/b/website-15acf.appspot.com/o/AboutPhoto.jpg?alt=media&token=cb07aa6c-3a95-4f27-8de8-b2de1e283f17\\\")
\\n