sallf / world-traffic-light Goto Github PK

✨ This workspace has been generated by Nx, Smart Monorepos · Fast CI. ✨

Run npm install before first start.

Run nx dev to start the development server. Happy coding!

Run nx build to build the application. The build artifacts are stored in the output directory (e.g. dist/ or build/), ready to be deployed.

• React
• Typescript
• NX with the next.js plugin
• Mapbox
• Yup - form validation
• GSAP - animations
• MUI icons - vector icons

libs (components and functions)
├── app (feature components)
├── hooks
├── shared (ui components)
└── utils (shared functions and data)
src (root for App Router)
└── app
    ├── api (endpoints)
    ├── app (app screen)
    └── login (login screen)

• When logging in, username is stored as a cookie on the server.
• Pages and routes are organized via the App Router structure (nextjs 13+).
• Users can only edit and delete their own posts. This is checked against the user's username, and enforced by not showing the necessary ui elements.
• Click on any country to see its product/country score (defaults to 50).
• Toggle through the products at the bottom of the map screen or from the dropdown in the score modal.

Nx comes with local caching already built-in (check your nx.json). On CI you might want to go a step further.

• Set up remote caching
• Set up task distribution across multiple machines
• Learn more how to setup CI

Run npx nx graph to show the graph of the workspace. It will show tasks that you can run with Nx.

• Learn more about Exploring the Project Graph

• Join the community
• Subscribe to the Nx Youtube Channel
• Follow us on Twitter