Giter VIP home page Giter VIP logo

aksara-front's Introduction

aksara-front

opendosm-github.png

OpenDOSM, code-named (AKSARA), is a web platform that catalogs, visualises, and analyses Malaysia's wealth of data provided by Department of Statistics Malaysia. Everything on this site is open-sourced and made available for the nation's benefit. If data is the new oil, then, openness is the pipeline that maximises its value.


Table of Contents

Installation

We recommend to use yarn to manage the project's dependencies.

git clone [email protected]:dosm-malaysia/aksara-front.git

# Yarn
yarn install
yarn prepare

# NPM
npm install
npx prepare

cp .env.example .env

Environment Variables

The following are the environment variables (.env) used for OpenDOSM. Please take note, there are only 2 variables required to get the app running, both of which are related to AKSARA BE.

Variables Required Default Description
APP_URL ⬜️ http://localhost:3000 (development) App domain. Optional
NEXT_PUBLIC_APP_URL ⬜️ $APP_URL App domain, made public. Optional
NEXT_PUBLIC_AUTHORIZATION_TOKEN Create own Authorization token for AKSARA BE communication
NEXT_PUBLIC_API_URL http://localhost:8000 (development) AKSARA BE base URL
NEXT_PUBLIC_GMAP_API_KEY ⬜️ Create own Google Maps API key. Optional
NEXT_PUBLIC_GA_TAG ⬜️ Create own Google Analytics Tag. Optional
NEXT_PUBLIC_MAPTILER_API_KEY ⬜️ Create own OpenStreetMap API key. Optional
MIXPANEL_TOKEN ⬜️ Create own Mixpanel token. Optional
MIXPANEL_PROJECT_ID ⬜️ Create own Mixpanel project ID. Optional
MIXPANEL_SA_USER ⬜️ Create own Mixpanel service account username. Optional
MIXPANEL_SA_USER ⬜️ Create own Mixpanel service account secret. Optional
NEXT_PUBLIC_MIXPANEL_TOKEN ⬜️ $MIXPANEL_TOKEN Mixpanel token, made public. Optional

Commands to Know

# Start development server
yarn dev

# Build production app
yarn build

# Start production server
yarn start

# Setup husky for githook
yarn prepare

Development Workflow

  1. Branch out from staging & give the new branch a descriptive name eg: feat/covid, fix/dropdown-bug etc.
  2. After you're done developing, git fetch && git merge origin/staging to synchronize any new changes & resolve conflicts, if there is any.
  3. Push the branch to remote and create a PR to staging. Briefly describe the changes introduced in the PR.
  4. Assign a core developer to review and wait for it to be approved.
  5. That's all. Happy developing!

Contributing

Thank you for your willingness to contribute to this free and open source project! When contributing, consider first discussing your desired change with the core team via GitHub issues or discussions!

License

OpenDOSM is licensed under MIT

Copyright © 2023 Department of Statistics Malaysia

aksara-front's People

Contributors

dosm-fedev avatar dosm-malaysia avatar irfancoder avatar itschrislow avatar manfye avatar thevesh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

aksara-front's Issues

Add a language choice dialog for first-time users

As OpenDOSM is a platform that deals with Malaysia's data and is associated with the government, the default language being English might not be suitable for all users. To improve user experience and cater to a broader Malaysian audience, we need to prompt first-time users to choose their preferred language, either Bahasa Melayu or English, similar to the Shopee website.

I propose adding a dialog box that appears when a first-time user visits the website. This dialog box should be multilingual and provide the user with an option to choose between Bahasa Melayu and English as their preferred language. The chosen language should then be saved.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.