..with an interest in using the latest tools and technologies that make up the Javascript ecosystem. I’m fascinated with the current direction of component-based front end development and enjoy following the ever evolving landscape of React.js. The quality of the tools available is perhaps only surpassed by the products that we now create. I work constantly to improve my skills as a developer and am a reliable and cooperative team member.
PostFi is a fintech startup offering a cryptocurrency based solution to foreign currency exchange. Featured is part of the admin area to be used internally by PostFi employees. I joined the team at PostFi during the design process. I critiqued and gave feedback on design documents, working with the designers and back end team on the front-end UI/UX design.
I made the initial architectural and technology decisions for the front end and created the initial version of the front end that could be used for demonstration purposes.
As other front-end developers were hired, we worked together to create an architectural plan and collaborated on our shared component library. I completed the ‘PostFi Admin’ portal.
Later in the project I took over all front-end development. I completed and added new features as well as fixed bugs. Demo-ready code was maintained and additional Cypress end-to-end tests were created.
Technologies used:
Front end: React, Material-UI, Axios, Formik. Testing by Cypress and React Testing Library.
Shared Interests is a social network where users can generate a list of interests taken from Wikipedia. In the profile area, there are lists of users that have matching interests, geographically nearby users, and users with other interests. When one of these is chosen, the user can see their location and interests and start a text based conversation.
Technologies used:
Front end: React, Redux, Wikipedia API, Google Maps API, React-Quill rich text editor, React Router, Redux Form. Testing by Jest and enzyme. Deployment with GitHub, Travis CI, Heroku
Back end: Node.js, Express.js, Passport.js, REST API. JSON Web Tokens. Mongodb, Mongoose, mLab. Testing with Mocha and Chai. Deployed with GitHub, Travis CI, Heroku, mLab.
Dream Catcher is a combined private dream journal and public dream repository. A user can create and maintain a list of dreams for themselves using a rich text editor. The dreams can be set to be public, where the will be available for public viewing on the home screen. A public dream can be set to be open to comments so registered users will be able to leave comments. A user can delete comments made on their dreams and also their own comments on other dreams.
Technologies used: jQuery, REST, Node.js, Express.js Passport.js, JSON Web Tokens, MongoDB, Mongoose, Github, TravisCI, Heroku, mLab, Mocha, Chai. Responsive design with CSS float grid.
Netflix Reviewed is a resource for combining recent Netflix releases with third party rating information. Users see a series of thumbnail images with rating and runtime information. Ratings from IMDB, Rotten Tomatoes, and Metacritic are provided for each title if available. The list can be sorted by rating type, title, or runtime. A detail screen with a larger image, if available, and a synopsis is provided when the user selects a title.
Technologies used: jQuery, uNoGS api, The Open Movie Database API, Github. Responsive design with CSS float grid.
Meetup Mashup is a tool for placing Meetup groups on a Google Map. Users can search for groups meeting a specific category within a specified distance of an entered location. Pins on the map can be moused over to see the corresponding group name and clicked on to go to the group’s Meetup page.
Technologies used: jQuery, Google Place Autocomplete API, Google Maps API, Meetup API, Github. Responsive design through jQuery and CSS media queries.
Submarine Quiz is single page interactive quiz game. A user can start a multiple choice quiz on submarines featuring images for each question. The user can see their current score throughout and their final score at the end. jQuery fade transitions are used between screens. The app features a responsive design.
Technologies used: jQuery
Cleo Bags is an ecommerce website for a handcrafted handbag company. The site features product image galleries, photos of models with the handbags, and a description of the craftsmaker.
Technologies used: Wordpress with custom theme, Woocommerce integrated with Stripe, Photoshop, Illustrator
Mike Magruder art is an ecommerce website for a landscape painter. The site features image galleries, a news blog, and a slideshow feature.
Technologies used: Wordpress with custom theme, Woocommerce integrated with Stripe, Photoshop, Illustrator
Leila Samrad: Transformative Fire is a website for a therapist. The site features information about Leila’s and her course offerings, a blog, and a link collection. Online registration and payment for courses and services is offered. A custom logo was created for the site.
Technologies used: Wordpress with custom theme, Payment form plugin integrated with Stripe, Photoshop, Illustrator
Madrone Property Holdings is a website for a real estate company. The site includes a set of property listings with photos, detailed information, and maps. A custom logo was created for the company.
Technologies used: Wordpress with custom theme. Customized real-estate plugin. Photoshop, Illustrator
The Melanthium Ensemble is a website for a jazz group. The website has notes and information about the group, photos, videos, reviews, news, and events. A newsletter sign up is offered.
Technologies used: Wordpress with custom theme. image slideshow, embedded videos, Constant Contact integration. Photoshop