Travel Ready

A cross-platform app for quickly packing your suitcase or backpack for a trip, hike, or vacation.

Review

A cross-platform app for quickly packing your suitcase or backpack for a trip, hike, or vacation. I'm passionate about mountain hiking, and anyone who’s ever been on a hike knows how challenging it can be to pack properly and not forget anything. That’s why I built this app — to make the process easier. The app works on smartphones, desktops, and directly in the browser. It doesn’t require an internet connection — all data is saved locally on the device.

Details

• Technologies Used

  • Progressive Web App (PWA), React
  • Used the `classnames` library and SASS with BEM for styling
  • State management implemented using `useReducer` and Context API
  • Service Worker: the app works offline, all changes are stored locally
  • Cross-platform: can be installed on smartphones, desktops, or used directly in the browser

How to install

• Install on smartphone

  • 

• Install on PC

  • 
• Open the app in your browser. In the address bar, you'll see an 'Install' prompt or a '+' icon. After installation, the app will appear on your desktop and in the main menu.
Open app

App functionality

• Header panel

  • Overall progress chart across all categories.
  • Number of items packed across all categories / Total number of items across all categories.

• Board

  • Progress monitoring chart by categories + display of packed items/total quantity.
  • Progress chart across all categories + number of packed items across all categories/total number of items across all categories.
  • Category creation.
  • Category deletion.
  • Task creation.
  • Task deletion.
  • Task editing.
  • PWA (Progressive Web App), an app that can be installed on your smartphone, computer, or used directly in the browser.
  • Automatic app updates on all installed devices when a new version is released.

Github

Contacts

• If you have any questions or proposals, please feel free to message me 🙂.