remkop22/skate-map

skate-map

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

tests

skate-map's Issues

Logo Anim

Logo design pt. 1

• Open font opzoeken

• Spacing goed regelen

• Waypoint aanpassen/zelf maken

• SVG exporteren en pushen naar dev

• Animatie maken

• Lottiefiles fixen

• [ ]

Skateable paths

Quick route where you can ride smoothly

Dockerize backend

• Create Dockerfile
• Create docker-compose.yml

Remember Map State

When map component is remounted, map location is reset

Fixing Map Clicking

• Define behavior when clicking map marker
• Implement said behavior

Brand Identity

• Creating a template
• Create a header
• Filling in color palettes
• etc

Frontend Logic (Discover Page)

Discover View

• Clickable Locations markers
• Clickable Location cards
• Sort (Nearby, Rating, Popular)
• Search (Local or serverside)
• Filter (Type of location, other properties)
• Ask user for current location and calculate distance
• Add images to card

Prototype of Location Page

A page dedicated to showing all details of a certain location.

• What details should be available?
• How does the layout of this page look?

Mobile App Frontend

• Cleaning css
• Sassify
• List page
• Starting on cards page
• Finishing cards page
• Adding hamburger menu
• Adding buttons, clickable filters
• Styling dropdown menu
• Creating intro view page for mobile
• Adding stars slider
• [ ]

Desktop View on Mobile

When opening on a small width: 400px, the app opens in desktop by default (no map/list icon)
Maybe it should test current width on first arrive?

Top-down view

Scrape GPS imagery to show top-down view of skateparks

Mobile App Prototype

• Logo animated properly
• Filter design
• Details for location
• Adding intro screens
• Adding more filters
• Creating own logos

UX Design

• Looking for inspiration
• Checking best practices
• [ ]

Backend Locations API

Tasks

• Define Location Model
• Set up database and backend database connection
• Create endpoints
• Create filtering logic

Endpoints

• GET /locations?q=<query>&sort=distance&filter=has:half pipe
• GET /locations/tags
• GET /locations/objects
• GET /locations/<location_id>/