https://github.com/briso10-dev/react-challenge2-faraway
Far Away project
https://github.com/briso10-dev/react-challenge2-faraway
Last synced: about 1 year ago
JSON representation
Far Away project
- Host: GitHub
- URL: https://github.com/briso10-dev/react-challenge2-faraway
- Owner: Briso10-dev
- Created: 2025-04-19T10:56:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-26T15:10:29.000Z (about 1 year ago)
- Last Synced: 2025-06-01T14:19:03.462Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 71.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌴 Far Away 👜
A modern, interactive React web app to help you plan and manage everything you need for your next trip! Effortlessly add, track, and organize your packing list so you never forget an essential item again.
---
## ✨ Features
- **Add Items**: Quickly add what you need to pack for your trip.
- **Remove Items**: Remove items you no longer need with a single click.
- **Packed Tracking**: Mark items as packed and see your progress at a glance.
- **Dynamic List Rendering**: Your packing list updates instantly as you add, remove, or check off items.
- **Attractive UI**: Enjoy a clean, colorful, and responsive design built with React and Tailwind CSS.
---
## 🚀 Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/) (v18 or higher recommended)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/challenge2-react.git
cd challenge2-react
```
2. **Install dependencies:**
```bash
npm install
# or
yarn install
```
3. **Start the development server:**
```bash
npm run start
# or
yarn start
```
4. **Open your browser:**
Visit [http://localhost:5173](http://localhost:5173) (or the port shown in your terminal)
---
## 🛠️ Project Structure
- `src/components/` — Main React components (Logo, Form, PackingList, Stats)
- `public/` — Static assets
- `index.html` — Main HTML file
- `package.json` — Project metadata and scripts
---
## 🤝 Contributing
1. Fork this repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
All contributions are welcome! so just fell free 🎉
---
## 📄 License
This project is for learning and personal use. Feel free to use and modify it as you wish!
Happy packing and happy coding! 🚀
---