https://github.com/marcosoliveira91/simple-route-progress

Simple route progress viewer using NextJS 14 App Router
https://github.com/marcosoliveira91/simple-route-progress

nextjs14 reactjs simple-app tailwind time-based-revalidation

Last synced: about 12 hours ago
JSON representation

Simple route progress viewer using NextJS 14 App Router

• Host: GitHub
• URL: https://github.com/marcosoliveira91/simple-route-progress
• Owner: marcosoliveira91
• Created: 2024-06-14T14:02:30.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-14T16:10:18.000Z (5 months ago)
• Last Synced: 2024-06-15T17:41:51.124Z (5 months ago)
• Topics: nextjs14, reactjs, simple-app, tailwind, time-based-revalidation
• Language: TypeScript
• Homepage:
• Size: 283 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a simple route progress exercise built with [Next.js 14](https://nextjs.org/).







## Getting Started

First, run the development server:

```bash

pnpm dev

```







### UI Sketches













### Sample Response

The API endpoint returns mock data for positions on a fictional route, including your position and others.

```json

{

    "routeName": "Road to Macondo",

    "myPosition": 0.2,

    "peopleOnRoute": [

        {

            "name": "Arcadio",

            "position": 0.4

        },

        {

            "name": "Úrsula",

            "position": 0.25

        },

        {

            "name": "Aureliano",

            "position": 0.75

        }

    ]

}

```