Beach Tides is a full-stack mobile first responsive web application that is built to give users in coastal United States real time and future tidal predictions. Users can choose to search by zip code or city and state combinations. Users can search for tide information without creating accounts or users can create accounts which will allow storing favorite locations and having personalized themes.
 |
 |
 |
|---|---|---|
| Landing/Login/Search Page | Search Results | Night Theme |
Unfortunately, not all of us live directly within the town or area with which we seek tide information. Many users search tide info on areas outside of there immediate location. Whether the user is a surfer a beach goer or a boater the user can save locations that will load upon arrival.
 |
 |
|---|---|
| Tablet Landing/Login/Search Page | Tablet Night Theme Search Results |
- HTML5
- CSS3
- JavaScript
- React.js front end framework
- Redux.js state management
- moment.js time zone calculation
- react-google-login
- Node.js backend run-time environment
- Express.js backend framework and architecture
- MongoDB for database
- Mongoose - object modeling for mongodb
- Google OAuth 2.0 and JWTs for authentication
- Mocha - back-end testing framework
- Chai - assertion library backend testing
- Enzyme - React.js testing utility
- mLab - cloud production database
- Travis CI - cloud continuous integration
- Heroku - cloud application platform
- Desktop layout and sizing
- Relevent tidal content additons
- Navigation bar consistency
- Linking from search to favorites improvements
- Additional themes
- Auto locational finding upon user arrival
- Smooth loading animations
- Friendlier search logic to help guide user to desired info
- Reduce API calls by storing tidal data in browser
- Facebook Login
- Full scale React unit testing
- Location validation improvements
 |
 |
 |
 |
|---|---|---|---|
| Landing/Search Page | User Saved Locations | Unsucessful Search | Logged In User Flow |