SquirreledAway’s goal is to combat boredom, keep you organized, step-up date night and be your local bucket list/ social events organizer. Have you ever said the phrase, ‘We should do that sometime,’ but then never did? If that sounds like you, check out the SquirreledAway app. It helps you remember the things on your local bucket list, like camping at the folk festival, volunteering at the local beer fest each year, attending roller derby, and more!
- Git clone SqOne - SquirreledAway Repo
Run:
- npm install
- react-native run-ios
Dependencies:
- Emulator for mobile - Expo app or Xcode
The app will allow a user to add an event to a master event list.
- Input: User touches +New and form view is rendered for user's event input.
- Output: Event details are captured as new entry in master event list.
The app will allow a user to view the master event list.
- Input: User touches Events tab (may also just be the home view).
- Output: List of master events are displayed in that view.
The app will allow a user to view a single event.
- Input: User touches single event displayed on master events lists view.
- Output: View is rendered to review that event's details.
The app will allow a user to update a single event.
- Input: User touches form field and keypad is displayed for editing.
- Output: User clicks done and new edits are saved to event.
The app will allow a user to delete a single event.
- Input: User touches/clicks a delete X or button.
- Output: Entry is deleted and removed from overall list (future user story here may be an "are you sure?" toaster indicator).
The app will allow for events to be saved in database.
- Input: User adds multiple bucket list items to master list.
- Output: These are all saved in database and available to view in next session of opening app.
- A user has a specific account login and app allows for multiple users. AuthO and authentication needs to be implemented.
- A user has a profile page and/or settings functionality with the ability to upload a profile image.
- A user can search by month for event. Look at UI library for pre-built month UI components.
- A user can receive notifications of upcoming event(s). Investigate push notification tools for mobile.
- A user can search by keyword for event. Look into keyword search ability and implement logic. Prebuilt keyword tagging may include: Restaurant, Music, Festival, Sports, Comedy, Arts, Season, Months. Ability for personalization in keywords by user, for example, would include: Mushroom hunting/spots, Camping trips/permits, Bike festivals, etc.
- Events can have a repeat checkbox to make sure you don’t forget to buy tickets again the following year.
- Social share component with friends also on the app.
- Rating system for events/reviews could be hooked up to API (Yelp, other?) if it makes sense.
- Ticket purchase ability could be hooked up to API (if applicable).
- Logo, domain and marketing webpage could be designed in React to help promote app.
- App could have license, T&Cs and privacy statement.
- App could be deployed to App store.
- Include UI Library. Options include: Semantic UI, Glamorous, NativeBase.
- Develop custom style using CSS objects and modules with React.
- Main mobile view would contain 5 buttons/icons for:
- Account
- Search
- New
- Events List
- Calendar View
Please find planning repo here.
Available in UI Images folder
Currently I'm working through different navigation types to be able to properly display static components and screens. After adding three new screens and trying to link with TabNavigator, I'm currently getting an error message about Module not existing in module map so troubleshooting this. Also I noticed there are two App folders in GitHub repo whereas in Atom, I only have one. I will have to troubleshoot this duplication?
If you have any issues, questions, ideas or concerns, please contact me.
- React
- React Native
- React Navigation Router
- Redux
- Native Base - UI Library
- Webpack
- Firebase
- XCode - mobile emulator
- JavaScript
- HTML
- CSS
MIT
Copyright (c) 2018 Cheryl Frankenfield