Tech Stack: React, TypeScript, Next.js, Ethers.js, Wagmi, RainbowKit
Crypto App to Swap ETH Tokens (Uniswap Clone) - This App clones the basic interface and Swap functionality of Uniswap. Connect your wallet and Select among the 15 most popular ETH Blockchain Tokens to Swap between.
Tech Stack: React, Redux, TypeScript
JavaScript Coding Notebook - This coding notebook is the JavaScript equivalent of the Jupyter Python Notebook. You can add multiple code cells, add code to the cells, including importing npm packages, and preview the output. You can also add markdown cells to take notes.
Tech Stack: React, TypeScript, Javascript, Next.js, Apollo GraphQL, Keystone.js, MongoDB, Styled Components, Stripe API, Node.js
Full Stack Ecomm App with user login and authentication. GraphQL to query backend. Features include search bar with autocomplete dropdown, slide out cart with Stripe payment, pagination, customer order history, user can post items to sell, etc. Plus, Apollo Cache for fast refresh.
Tech Stack: React, Redux, TypeScript, Material UI
Productivity App (Trello clone) - user can drag & drop cards, add, delete, and update cards. Professional Design using Material UI.
Tech Stack: React, TypeScript, Javascript, Next.js, Apollo GraphQL, Keystone.js, MongoDB, Material UI, Stripe API, Node.js
Full Stack SaaS App user login and authentication. GraphQL to query backend. Clean Professional Design using Material UI. Upgrade to gold and platinum level with Stripe. Plus, Apollo Cache for fast refresh.
Tech Stack: React, TypeScript, Styled Components, CSS grid
Retro 1980's style Minesweeper game, complete with retro font, layout, and sounds. Created with Recursion to successively reveal cells.
Tech Stack: React & JavaScript
A word game played against a computer 'AI' I coded that simulates the game play, on each turn, using a prefix tree (trie) and recursion to determine next optimal letter to pick next.
Tech Stack: React, JavaScript, Bootstrap
Uses advanced Regex and Recursion to correctly calculate equations with nested brackets. Keep a list of equations calculated, all saved to localStorage
Tech Stack: React, JavaScript, Bootstrap
Click keypad to play sounds. Turn Power On or Off. Choose between 2 different sounds. Press the letter on the keypad to play sounds directly from keyboard.
Tech Stack: React, TypeScript, Styled Components, CSS grid
Retro 1980's style Snake game, complete with retro font, layout, and sounds. Dynamic use of CSS Grid. Uses useEffect, setInterval to create game loop.
React, Redux, TypeScript, JavaScript, HTML, Apollo Client, Jest, React Testing Library, Next.js
Node.js, MongoDB, GraphQL, SQL, Keystone.js, Dockers
CSS, Material UI, Styled Components, Bootstrap, Bulma, Figma, Chakra UI
Ethers.js, Web3.js, Solidity, Wagmi, RainbowKit, Hardhat, Truffle
Also, be sure to check out my JavaScript blog that's been featured on hashnode: Indepth JavaScript.
