Skip to content

Swiss knife is a collection of useful tools written in React and packaged as a Chrome extension

Notifications You must be signed in to change notification settings

danielzotti/swiss-knife-chrome-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Swiss Knife: a useful Chrome extension

It's a collection of useful tools written in React. Download it from the Chrome web store

Features

  • Case Converter: easily convert the case of a text
  • Notepad: take notes while you're surfing the internet and save it in the browser memory
  • Date calcultions: add/subtract a period to a specific date or calculate the difference between 2 dates

Swiss knife preview

Why I created this extension

I wanted to play with React Typescript inside a Chrome extension.

Here a list of things I used:

  • React + Typescript
  • React function components & hooks
  • Themes with CSS variables
  • MomentJS

How to start developing locally

  • npm run docker:start:local
  • If you need to have the node_modules folder in your IDE, you have several ways to achieve it:
    • Copy the node_modules folder from container swiss-knife_local to host: docker cp swiss-knife_local:/app/node_modules/ .
    • Run npm run copy-node_modules (for Linux)

NOTE: If you change the node version, you should remove and copy again the node_modules folder

TODO

  • Upgrade to React 18 and Vite
  • Fix old React code
  • Upgrade fortawesome
  • Add luxon and remove moment

About

Swiss knife is a collection of useful tools written in React and packaged as a Chrome extension

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published