A simple website that shows the tides of the Portuguese coast.
The website is built with Laravel and Tailwind CSS.
Why?
- The existing websites are not user-friendly and are confusing to navigate.
- Sometimes you just want to know the tides of a specific location and if it's tide is rising or falling.
- There was no clean way to check the moon phase as well.
- To learn and practice Laravel and Tailwind CSS.
Check the website live: https://mares.varandas.io, analytics are available at https://analytics.varandas.io/mares.varandas.io.
If you want to run the project locally, or contribute, please follow the instructions below to get started. If you have any questions, feel free to open an issue.
- Node.js
- Composer
- PHP 8.2
- Any database (MySQL, PostgreSQL, SQLite, etc.)
- Clone the repository
git clone git@github.com:AndreVarandas/mares-portugal.git
- Install dependencies
composer install
yarn install
- Create a
.env
file
cp .env.example .env
- Generate an application key
php artisan key:generate
-
Create a database and fill the
.env
file with the database credentials -
Run the migrations
php artisan migrate
- Run the seeder
php artisan db:seed
- Compile the assets
yarn dev
- Run the server
php artisan serve
- Laravel - The PHP framework used
- Tailwind CSS - The CSS framework used