A single page JavaScript application built with React using Next.js. The My Secret Language app uses a PostgreSQL database for storing your dictionary of words. User authentication is handled by iron-session. It uses function components and React hooks.
See the app in action at my-secret-language.vercel.app.
- React: For the User Interface
- Next.js: A React framework for client and server rendering, routing, and compilation and bundling
- TypeScript: Improvement over JavaScript for better editor tooling, easier maintenance, and catching errors earlier
- Jest: Unit testing framework
- Playwright: End-to-end testing framework
- CSS: Just plain old CSS
- iron-session: JavaScript library for managing sessions to help with user authentication
- Postgres: Relational database for storing data
- CircleCI: Continuous integration platform to automate testing
- Vercel: Hosting platform
- Add, edit, and delete new words.
- Translate sentences from your native language into your secret language.
- View all your words in your own language's dictionary.
- Study your own secret language by using the app's flashcards feature.
A Magento 2 module for managing descriptions of product attributes. The idea came up when I was working on a client website whose product attributes were not as simple as "Size" and "Color". We needed a way to let content managers display helpful text on the page that would describe what an attribute meant, which was difficult if all you have to describe is the attribute's title. By using the Magento 2 Attribute Description, Magento 2 store owners can add descriptions to their product attributes that they can then display on the frontends of their sites.
I'm very proud to say that this module is actually helping people on their Magento websites, as evidenced by someone using this module as an accepted answer on magento.stackexchange.com.
Adds a hover image feature to Magento 2 websites on category pages so when a user hovers over the product image it changes to a second image. Very useful for Ecommerce Managers and site owners to display mutiple product images on category pages.
A CraftCMS project that manages a golf blog.
The application is built with Sass for CSS. I created an easy way to develop locally by using Vagrant and Chef. Once you have the necessary dependencies installed on your system, you can just run vagrant up from the project root and your virtual machines will be created so you don't have to worry about setting up your own servers.
The project also contains a CircleCI config file for automated deployments.
A Magento 2 module that implements Ajax requests when comparing products so the page does not require a full reload. This provides a better user experience as adding products to the comparison list does not reload the entire page.
A Magento 2 module for managing brands.
Where I play around with CSS and try to build cool new things with CSS3 and HTML5.