https://github.com/adiwanwade/traveljournal
An elegant React Native Travel Journal App designed with a sleek purple, violet, and black theme. This app empowers users to update their Travel Stories, change profile pictures, and manage their account with ease
https://github.com/adiwanwade/traveljournal
react-native redux-toolkit
Last synced: about 2 months ago
JSON representation
An elegant React Native Travel Journal App designed with a sleek purple, violet, and black theme. This app empowers users to update their Travel Stories, change profile pictures, and manage their account with ease
- Host: GitHub
- URL: https://github.com/adiwanwade/traveljournal
- Owner: Adiwanwade
- Created: 2024-11-25T16:54:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-28T13:05:40.000Z (over 1 year ago)
- Last Synced: 2025-07-23T01:42:54.295Z (12 months ago)
- Topics: react-native, redux-toolkit
- Language: JavaScript
- Homepage:
- Size: 11.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Travel Journal App 🚀
An elegant **React Native Travel Journal App** designed with a sleek purple, violet, and black theme. This app empowers users to update their Travel Stories, change profile pictures, and manage their account with ease.
## 🌟 Features
* 🎨 **Modern UI Design**
- Captivating purple, violet, and black color palette
- Consistent and intuitive user interface across screens
* 📸 **Profile Picture Management**
- Seamless image selection from device gallery
- Easy profile picture update functionality
- Support for multiple image formats
* 📝 **Comprehensive Profile Editing**
- Update Travel stories effortlessly
- Edit fields including:
- Full Name
- Email Address
- Personal Bio
- Real-time validation and error handling
* 💾 **Robust Data Persistence**
- Secure local storage using `AsyncStorage`
- Automatic saving of user preferences
- Seamless data retrieval across app sessions
* 🚪 **Secure Logout**
- One-tap logout functionality
- Clear session management
- Smooth navigation back to login screen
* 📱 **Adaptive Responsiveness**
- Fully responsive design
- Optimal display on various device screen sizes
- Supports both Android and iOS platforms
## 📽️ Demo Video
.gif)
## 🖼️ Screenshots
| Register Screen |Login Screen | Journal Screen Picture |
|---------------|---------------------|------------------------|
|  |  |  |
## 🔧 Technologies & Libraries
### Core Technologies
* **React Native** - Cross-platform mobile development framework
* **React Hooks** - Modern state management and component logic
* **TypeScript** - Enhanced type safety and developer experience
### Navigation
* **React Navigation** - Intuitive screen transitions and routing
### Storage
* **AsyncStorage** - Persistent local data storage
### Media Handling
* **react-native-image-picker** - Advanced media selection
* **react-native-fast-image** - Optimized image loading
### UI Components
* **react-native-vector-icons** - High-quality, customizable icons
* **Styled Components** - Modular and dynamic styling
## 🚀 Getting Started
### Prerequisites
- Node.js (v14+ recommended)
- React Native CLI
- Xcode (for iOS)
- Android Studio (for Android)
### Installation Steps
1. **Clone the Repository**
```bash
git clone https://github.com/Adiwanwade/TravelJournalApp.git
cd TravelJournalApp
```
2. **Install Dependencies**
```bash
npm install
# or
yarn install
```
3. **Run the Application**
For Android:
```bash
npx react-native run-android
```
For iOS:
```bash
npx react-native run-ios
```
## 🌈 Project Structure
```
profile-manager-app/
├── src/
│ ├── components/
│ │ ├── ProfileScreen.tsx
│ │ ├── EditProfileForm.tsx
│ │ └── ProfilePictureSelector.tsx
│ ├── navigation/
│ │ └── AppNavigator.tsx
│ ├── screens/
│ │ ├── ProfileScreen.tsx
│ │ └── EditProfileScreen.tsx
│ ├── utils/
│ │ ├── storage.ts
│ │ └── validation.ts
│ └── types/
│ └── user.ts
├── assets/
│ ├── icons/
│ └── images/
├── screenshots/
├── App.tsx
└── package.json
```
## 🌟 Future Roadmap
- [ ] 🌐 Internationalization (i18n) support
- [ ] 🔒 OAuth/Social Login integration
- [ ] 🌈 Customizable app themes
- [ ] 📊 User engagement analytics
- [ ] 🌙 Dark mode implementation
## 🤝 Contributing
Contributions are welcome! Please follow these steps:
1. Fork the 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
## 📝 License
Distributed under the MIT License. See `LICENSE` for more information.
## 📬 Contact
Aditya Wanwade - [Adiwanwade@gmail.com](mailto:your.email@example.com)
Project Link: [https://github.com/Adiwanwade/TravelJournal](https://github.com/Adiwanwade/TravelJournal)
---
**Made with ❤️ by Aditya Wanwade**