TrekBag is a lightweight React-based application designed to help users manage and organize their travel or hiking gear efficiently. It provides an intuitive interface for adding, removing, and categorizing items in a checklist format, ensuring you never forget an essential item for your next adventure!
-
➕ Add, Remove, & Update Items: Easily manage your gear list with full CRUD operations.
-
🗂️ Organized Item Categories: Navigate your items efficiently with clear categorization.
-
📱 Responsive UI: Enjoy a seamless user experience across all devices (desktop, tablet, mobile).
-
⚡ Efficient State Management: Utilizes Zustand for lightweight and performant state handling.
-
🚀 Fast Development & Builds: Built with Vite for a lightning-fast development server and optimized production builds.
See TrekBag in action!
You can view a live demo of the TrekBag application >> Here
-
React 19: For building the dynamic and component-based user interface.
-
Vite: A modern frontend build tool that provides a fast development experience.
-
Zustand: A small, fast, and scalable bearbones state-management solution.
-
ESLint: For maintaining code quality, consistency, and catching errors.
-
React Select: (Enhanced) Likely used for customizable select inputs, improving user interaction for item selection or categorization.
-
PNPM: A fast, disk-space efficient package manager used for dependency management.
To set up the project locally for development, follow these steps:
Ensure you have Node.js installed on your machine. It's recommended to install pnpm globally for this project:
npm install -g pnpm-
Clone the repository:
git clone https://github.com/aminetiouk/trekbag cd trekbag -
Install dependencies using PNPM:
pnpm install
-
Start the development server:
pnpm dev
This will typically open the application in your browser at http://localhost:5173 (or another available port).
- Build for production:
pnpm buildThis command will create an optimized production build in the dist directory.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request.
- Don't forget to give the project a star! ⭐
- Fork the Project
- Create your Feature Branch:
git checkout -b feature/AmazingFeature - Commit your Changes:
git commit -m 'Add some AmazingFeature' - Push to the Branch:
git push origin feature/AmazingFeature - Open a Pull Request
Distributed under the MIT License. See the LICENSE file for more information.
- Email - @aminetiouk
- Project Link - @trekbag