Selected Projects
Tech Stack:
• HTML5/CSS3, JS, React, Redux
• Axios, REST APIs
• Figma(UX design), Netlify, Git/GitHub
About
This app generates a random act of kindness. Nowadays, its very easy to get lost in our busy lives. For anybody who needs to keep track and act upon a random act of kindness, this app is a great fit.
Responsibilities
Designed and developed:
• the front end for the application. Designed in Figma and Developed using React/Redux
• the end points to integrated with the back end
Worked with the Back End architect
• on integration points between FE and BE REST API calls
Challenges
Following were some of the key challenges
encountered:
• This was a three day project. The FE were dependent on BE for all the end points.
• The type of data avaialble to the FE for further manipulation had to be designed and agreed upfront.
Contributions Chart from Github
Learnings
• This was a three day project. For the smooth functioning of the project prioritized the tasks so that FE's work was not stagnant because of BE unavailability
• Created a good UX design for the FE developers to work on.
• Managed persistence of data using localstorage.
Tech Stack:
• HTML5/CSS3, JS, React, Redux, Figma (UX design)
• Apollo (GraphQL), Chartjs (Data
Visualization)
• AWS-Amplify, AWS-Cognito, Git/Github
About
This app was developed to provide real time surf information for the outdoor enthusiasts in California. This app pulls the real time weather information and tide information and provides all the relevant data necessary for the surfer to make a decision.
Responsibilities
Developed:
• the UI/UX design for the entire application
• the full authentication flow - Single Sign-On (Google & Facebook) and Custom login
• both FE and BE components for the data visualization feature to show the wind speed and swell height calls.
• the feature - "Favorite a beach".
Worked with the Back End team
• on integration points between FE GraphQL calls for queires and mutations.
Technical Architecture
Challenges
Following were some of the key challenges
encountered:
• Completely new technology for Authentication - AWS-Cognito
• Completely new tech stack for Backend access - GraphQL.
• Being new to surfing had to research about surf information that would benefit a users of the system.
• All weather and surf information had to be real-time based on the beach chosen.
Contributions Chart from Github
Learnings
• Quickly picked up the technology on AWS-cognito and AWS-amplify.
• Learnt the access of GraphQL using Apollo server from Front End.
• Did a thorough research on the APIs that were providing real time weather and surf information.
Tech Stack:
• Nodejs, Express, Postman
• Knex, SQLite, Postgres
• Heroku (hosting), Git/Github
About
This app could be used by anyone to track their sleep routine. The app generates a visual analysis of the sleep pattern. There is a high level recommendation provided based on the sleep pattern recorded. This was a three member team with 3 days to turn around the application.
Responsibilities
Designed and developed:
• the backend for the in Nodejs/Express
• the database design to be deployed in SQLite3 for development and Postgres for production
• all the end points that would be required by the FE and returning ample data to avoid mulitiple API calls.
Worked with the Front End architect
• on integration points between FE REST API calls
Challenges
Following were some of the key challenges
encountered:
• This was a three day project. The FE were dependent on BE for all the end points. BE had to developed from scratch
• The type of data avaialble to the FE for further manipulation had to be designed and agreed upfront.
• The BE had to be flexible to accomodate any of the design changes from the FE. Especially, for Data visualization component.
Contributions Chart from Github
Learnings
• This was a three day project. For the smooth functioning of the project prioritized the tasks so that FE's work was not stagnant because of BE unavailability
• Provided a fool proof design to FE to work with and developed the BE as per design so as to avoid any integration issues.
• Documentation for Sleep Tracker BE Provided a complete documentation of all the end-points for the Backend developed.
Tech Stack:
• HTML5/CSS3, JS
• Netlify
• Git/GitHub
About
This app was built for Lambda School to track the projects that were submitted for build weeks. This was a four member team with 3 days to turn around the application.
Responsibilities
Designed and developed:
• a marketing page in keeping with
Lambda's design guidelines.
• an 'About' page displaying the
team information.
Worked with the Front End architect
• on integration points with the
actual application.
Challenges
Following were some of the key challenges
encountered:
• There was no formal design guide
to work with. The design guide had to be derived
from the existing live website.
• An unannounced brand-refresh was
done overnight before the date of delivery.
Contributions Chart from Github
Learnings
• Developing as reusuable
components, helps addition or deletion of
information easy. Example, The team member card was
developed as a reusable component making it easy to
add a team member.
• Developing a
structured CSS helped update for the brand-refresh
very quickly and effectively.
My Skill set
Front-End Development
Back-End Development
UX/UI Design
Requirements Gathering
Project Management
Agile Methodologies
My Toolkit
HTML5/CSS3
React/Redux
JS/NodeJS/Express
Python
SQLite, Postgres
NoSQL, MongoDB
AWS-Amplify, AWS-Cognito
GraphQL, RESTAPIs, Postman
Figma, Whimsical
Git, Github