https://github.com/kamilkonopski/date-journal
A mobile app built with React Native and Expo that allows users to create a journal of their dating experiences.
https://github.com/kamilkonopski/date-journal
animated-cards date-journal expo interactive-app mobile mobile-app mobile-app-development react-native
Last synced: about 1 month ago
JSON representation
A mobile app built with React Native and Expo that allows users to create a journal of their dating experiences.
- Host: GitHub
- URL: https://github.com/kamilkonopski/date-journal
- Owner: KamilKonopski
- Created: 2025-09-19T13:58:54.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2025-09-21T10:59:01.000Z (9 months ago)
- Last Synced: 2025-09-21T12:29:24.646Z (9 months ago)
- Topics: animated-cards, date-journal, expo, interactive-app, mobile, mobile-app, mobile-app-development, react-native
- Language: TypeScript
- Homepage:
- Size: 594 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Date Journal App
This is a mobile app built with React Native and Expo to create a journal of memorable dates. The app allows users to add, view, and edit cards representing special moments with images, descriptions, and locations. It also includes task management features for each date, with modal interactions to mark tasks as completed or not.
## Features
Card Viewer: Swipe through horizontally scrollable cards, each representing a memorable date.
Image Editing: Add or change images for each date.
Location Editing: Edit the location of the date directly on the card.
Task Management: Mark tasks as completed, not done, or not started using a modal.
Cover Screen: The home screen where users can edit the title and start the journal.
## Components
AnimatedCard: A card component with scaling animation based on the current page index.
DateCard: A detailed card that displays the title, description, image, and location for each date.
TaskModal: A modal that allows the user to update the task status associated with each date card.
CardScreen: Displays a list of DateCard components in a horizontally scrolling layout.
CoverScreen: The entry screen of the app where the title can be edited and the user can navigate to the CardScreen.
Installation
Prerequisites
Node.js: Install Node.js if you haven't already.
Expo CLI: Install Expo CLI using the following command:
```
npm install -g expo-cli
Steps to Run the Project
Clone the repository:
git clone
Navigate into the project folder:
cd
Install dependencies:
npm install
Run the app with Expo:
expo start
```
Open the app in an emulator or on your physical device using the Expo Go app.
## Technologies Used
React Native: A framework for building mobile apps using JavaScript and React.
Expo: A set of tools and libraries for building React Native apps.
React Navigation: For navigating between screens.
React Native Reanimated: For smooth animations.
ImagePicker: For selecting images from the gallery.
## Screenshots
Cover Screen:
Card Screen:
Task Modal:
