UK Tide Times

A beautiful, cross-platform mobile application for tracking tide times across various UK locations. Built with React Native, Expo, and TypeScript.

Features

• 🌊 Real-time tide information for 60+ UK locations
• 🔍 Smart location search with autocomplete
• 📅 Daily tide predictions
• 📱 Cross-platform support (iOS, Android, Web)
• 🎨 Modern, iOS-inspired design
• ♿ Accessibility-focused UI

Tech Stack

• React Native
• Expo
• TypeScript
• React Native Paper (Material Design)
• date-fns

Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or yarn
• Expo CLI

Installation

1. Clone the repository:

git clone https://github.com/yourusername/tide-tracker.git

2. Install dependencies:

cd tide-tracker
npm install

3. Start the development server:

npm start

4. Follow the Expo CLI instructions to run the app on your preferred platform (iOS, Android, or Web)

DeEployment to Netlify

netlify build
netlify deploy --prod --dir dist

Development

The project uses TypeScript for type safety and follows modern React Native best practices. Key directories include:

• /src/components - React components
• /src/data - Data sources and types
• /src/services - Business logic and API services

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Data sourced from UK Admiralty
• Built with Expo and React Native Paper
• Design inspired by Apple's Human Interface Guidelines