Anywhere Fitness

During a time of mandatory social distancing due to COVID-19, I collaborated with another student at Lambda School to create a fitness app where students can search for and sign up for fitness classes

Built Using:

  • React: The project uses functional components and hooks
  • Redux: The state management involved React, Redux and react-thunk
  • React router: Client side routing used react-router-dom
  • Styled components: Dynamic component styles that allowed for easy component swapping with state changes
The apple nav bar clone index page

Hacker News Algolia API Search

I created a search page for the Hacker News Algolia API that allows users to enter search terms and renders Hacker News stories that match those terms. The app's styling is inspired by the Hacker News site

Built Using:

  • React: The project uses functional components and hooks
  • Redux: For state management to capture search terms
The Hacker News Algolia API search page

Tabless Thursday

I worked on a team of Web UI designers building the front end for a browser tab management React app called "Tabless Thursday".

Built Using:

  • Bootstrap 4: Using it allowed us to rapidly prototype the site and provided a solid base upon which to build and customize components and elements
  • Responsive HTML5: The site renders content responsively from mobile to desktop viewport widths
  • LESS: We used the LESS preprocessor for this site as per the specification
The tabless thursday app index page

Apple Nav Bar Clone

I created a clone of the apple.com nav bar to explore client side routing and dynamic styling

Built Using:

  • React: The project uses functional components and hooks
  • React router: Client side routing is achieved using react router
  • React styled components: Utilizes props to render content styles dynamically from the dynamic styles JSON file
  • Dynamic styles: A file of styles and other constants keep data organized and easy to locate
The apple nav bar clone index page

Sleep Tracker Node API

I worked on a team of 1 Node, 2 React, and 2 Web UI designers over 2 weeks to create a full stack application called Sleep Tracker. I was solely responsible for building the REST API stored sleep data and powered its graphs.

Built Using:

  • Node.js: Allowed us to leverage JavaScript on both the frontend and backend of our application
  • Express: Features such as routers and middleware assisted with developing the API
  • Bcrypt: We used bcrypt for authentication
  • Jest + supertest: For unit and integration tests of utils, route handlers and database model functions
  • Apidocs: Make it fast and easy to prepare professional-grade API documentation by storing it inline as comments
  • Husky + lint-staged: For pre-commit hooks that ran prettier, eslint, tsc and our test suites before every commit
The sleep tracker API

Express Groomer API

I worked for two months on a team of 5 developers and 1 technical project lead on a full stack application called Express Groomer. I spent the majority of my time building the REST API that handled and persisted location and pet data

Built Using:

  • Node.js: Using the popular Node runtime allowed us to use JavaScript on both "ends" of our app
  • Express: Route handlers, database model integration and middleware facilitated development
  • Okta: Used for both authentication and authorization
  • Jest + supertest: For unit and integration tests of utils, route handlers and database model functions
  • Swagger: Made it really straightforward to create professional-grade API documentation inline as comments and then host it as an api route
  • Husky + lint-staged: For pre-commit hooks that ran prettiers, eslint, tsc and our test suite before every commit
The apple nav bar clone index page

Skills

These are the skills that I have learned in my career as a full stack web developer. The list is constantly evolving as I explore new technologies and take on projects.

React

Proficient in functional components, can work with class components too. Able to work with API using async components and Thunk

Redux

Use advanced state management libraries such as react-redux, redux and the useReducer hook

Node

Create REST APIs using Node.js and Express. Used middleware, Okta and bcrypt for authentication. Built comprehensive test coverage for web APIs using jest and supertest

Testing

Proficient in writing unit and integration tests of both frontend and backend projects using Jest, React Testing Library, and supertest

Python

Design and build interactive CLI scripts to automate and optimize resource allocation in limiting situations

PostgreSQL

Creating and deploying postgres databases to the cloud

JavaScript DOM Manipulation

Able to create components and use them to build manageable, modular, modern JavaScript using the DOM

Semantic HTML5

I write clean, well-organized, cohesive, semantic html5 markup structured to match design vision and specifications

CSS 3

Using css selectors to style markup, understanding specificity and inheritance, how to accomplish cross-browser development using css resets, and using flexbox container and item properties

CSS Preprocessors

Applying DRY clean code principles to css and introducing additional robustness using preprocessor nesting, variables and mixins

Responsive Design

Providing the best possible user experience across mobile and desktop devices by building responsive layouts using media queries and relative size units

Git

Proficient in basic git commands such as 'add', 'commit', 'push', 'pull', 'clone'. I'm also able to version using tags, 'merge', and 'rebase'. I have used the branching, feature/forking, and the Git Flow workflows

Get in touch