Click on the Projets Pictures to See in Full
 Single Page View1st Graph |
|---|
I am currently working on a new project using my partner's Peloton data from 2020 as a way to learn D3.js. So far, I only have one graph but will be building other data representations soon, focusing on displaying the following:
-
With which professor does she have the best output per minute of work and which type of class (graph 1)
-
What is her aggregate output by month?
-
How many classes has she taken with each professor and what types of classes?
-
What are the total minutes she has worked out per week and month?
-
Which day of the week does she workout the hardest on average?
-
How many calories per month is she burning?
​
The end goal is to finish this single page with all the graphs and later look into the Peloton API to update the graphs automatically.
​
Tech stack used: Javascript, CSS, HTML and D3.js so far.
​
Github: https://github.com/Aarluk/peloton_visualization
​
 Login View |  Search View |  Foodie Map View |
|---|---|---|
 Restaurant View |  Reviews View |  Profile View #1 |
 Profile View #2 |  Tech Stack |
Food Path takes the stress out of curating your culinary options for your next trip. Search, save, and share your customized Foodie Maps all from the app, and say goodbye to the sea of open tabs and spreadsheets in search of the best food a city has to offer.
​
Tech Stack used: Google Maps and Yelp API service the main sources of data. The app is a PWA where the backend is powered by an Object Relational database that uses Sequelize as the major structure element and is routed through Express.js. The interactive front-end components are made possible by React.js and Redux.js. Users are provided with the mobile-friendly experience designed with CSS3, Bootstrap and Media Queries. Finally, Food Path is deployed via Heroku for public consumption.
​
Github: https://github.com/Aarluk/Food-Path-PWA
Demo video: https://youtu.be/824MzSNIiAw
Deployed on Heroku (mobile view): https://foodpath.herokuapp.com/
 Main ViewHiking App |  Landscapes View |  Profile View - Badges |
|---|---|---|
 Profile View - Hiking Data |
I completed all four SwiftUI tutorials from the Apple Developer documentation. If like me, you are passionate about creating clean, modern and pixel perfect visual experiences while leveraging your knowledge of declarative frameworks like React.js, you will have a blast. So far, what I have enjoyed the most is how Xcode updates the user interface instantly, showing live, tangible results of what you're coding (thanks to the Xcode Live Previews feature). Another advantage of SwiftUI is the speed with which it allows Engineers to develop a User Interface since SwiftUI has a declarative nature.
The tutorials are step-by-step clear instructions followed with questions to check your understanding on the main concepts. I found my knowledge about declarative frameworks and languages like React.js or even Javascript helpful in understanding how SwiftUI views work (views instead of components, state management, modifiers...). The tutorials are followed with questions to check one’s understanding of the main concepts. I spent 16+ hours on all four tutorials to make sure I was understanding what was happening and took notes of the main concepts I was going through (you can see my LinkedIn post here)
 Home Page |  Product View |  Category View |
|---|---|---|
 Category View |  Cart View |
Look at your keyboard right now. Is it boring? That's what I thought! Just like the rest of your tech gear, keyboards should be as attractive as your desk, computer screen, sound system or mouse pad. Artisan keycaps exist to help your keyboard stand out! How about setting up an escape key that looks like a stack of pancakes? Or maybe a Baby Yoda? We also have fidget spinner keycaps if you prefer. Our dummy e-commerce website allows tech gear enthusiasts to browse inspiring categories of creative and unique artisan keycaps, create their own account or just checkout as a visitor to order some of the most original handmade pieces to customize their mechanical keyboards.
​
Github: https://github.com/Aarluk/graceshopper
Deployed on Heroku: https://allcapsdeploy.herokuapp.com/
​
Tech Stack used: React, Redux, Javascript, Bootstrap, Node.js, Express.js, PostgreSQL, React-Reveal, Styled.components, FA Icons, Schema Design
Database schema design: can be seen here
Team goals:
Communication and planning • Design mockups and system architecting • Agile methodologies and iterative design • Daily standup and problem solving • Task assignment and issue tracking
Collaborative development • Longer-term and larger-scale • Pair programming • Code reviews • Merge conflict resolution
Tooling and Mastery
Dev Ops • Deployment on Heroku • Travis CI (Continuous Integration / Testing)
Project Management • GitHub Features • Advanced Git • Project Management • Project Boards (GitHub Projects) • Travis CI (Continuous Integration / Testing)
Full-stack Applications • Node, Express, Sequelize, React, Redux practice & synthesis • React-Reveal, Bootstrap, Styled.components, Faker, FA icons • Schema design • Testing patterns • Visual design • Security
 React Native Course |  Course |
|---|
I created a “Guess a Number” game application using Javascript and React Native (built-in and custom components) through Expo CLI as well as Flex boxes and CSS for styling.​
​
Github: https://github.com/all-caps-GraceShopper/graceshopper
​
Tech Stack used: React Native, Expo CLI, Redux.js, Xcode and Xcode debugger, Android Studio, Flex boxes, QR Code.
 Single View |
|---|
This is my very first experience with coding, prior to joining FullStack Academy of Code Bootcamp for Women and non-binary people. I wanted to get some basic foundations with Javascript, HTML and CSS prior to take the coding test.
Tech Stack used: HTML5, CSS3, JavaScript and stock photography.
Github: https://github.com/Aarluk/first_weather_app
Peloton Data Visualization Using D3.js
(currently working on it, not finished yet)
Food Path - Progressive Web App
for Food & Travel Enthusiasts
Learning SwiftUI
via Apple Developer's Tutorials
Mock E-Commerce Website
for Artisan Keycaps Lovers
Learning React Native via a "Guess a Number" game app
My First Project - Weather App)
My projects in Videos
All Videos
All Videos
food path - Progressive Web App
swiftui
