Git Product home page Git Product logo

silacak's Introduction

Silacak

All Contributors

codecov

This is a revamp attempt of Silacak app, built using Next.js.

Requirement Specifications

UI/UX Design

Purpose, Principles, and Guidelines

The project's purpose, principles, and guidelines take some cues from the WargaBantuWarga.com project.

Principles

What we're striving for:

✅ Performance

Our website must be high-performant because our audience is spread across Indonesia with varying types of devices and network speed. A good measurement of it is Google's Core Web Vitals.

✅ Accessibility

Our website must be accessible so that we can reach more users and help more people.

✅ Up-to-date Information

Any information posted on our website must be up-to-date to the latest version that our content editors published. We can tolerate delays to a certain degree for the sake of web performance, but it should be limited to less than an hour.

What we're going against:

❌ Counter-productive Cosmetics

We can't afford to hurt web performance or to provide outdated information just for the sake of the beauty of the website.

❌ Expensive Functionalities

We must carefully consider any additional client-side libraries that we include on the website. Unless its benefits outweigh the trade-off that we have to pay, we should avoid adding the functionality. Even if it is proven to be beneficial, we should strive to implement it in the best possible way. An excellent example of it is Google Analytics.

❌ Unmeasured Improvements

For any improvements on the website, we should continuously measure its impact on the Core Web Vitals. If proven to hurt the metrics, we should revert the changes and find another way to implement them without degrading the performance.

Guidelines

In general, these are three guidelines that we need to pay attention to:

  1. Query priorities
  2. Testing appearance and disappearance
  3. Opting in for interactions instead of events

Please ensure that all queries and assertions in your test files comply with those testing guidelines.

Getting Started

First, clone the repository:

git clone https://github.com/kawalcovid19/silacak.git

Then, install dependencies and fetch data to your local machine:

cd silacak
yarn install

Finally, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Frequently Used Tools

Contributing

See our contribution guidelines in these languages:

When contributing to our project, please use English when communicating with other people in issues and/or pull requests. Click here to read why. (Bahasa Indonesia)

API

Our API documentation is in api-reference.md file.

License

Copyright (C) 2021 Kawal COVID-19

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with this program. If not, see https://www.gnu.org/licenses/.

Contributors ✨

Thanks go to these wonderful people (emoji key):


Resi Respati

💻 🎨 🚇 🚧 📆 👀 🛡️ 🔧 📖 ⚠️ 🐛

Zain Fathoni

💻 📖 🤔 🚇 🚧 🧑‍🏫 📆 👀 🔧 ⚠️

Aditya Purwa

💻

Muhammad Al Faris

💻

Adam Akbar

📖 🛡️ ⚠️

ramarahmanda

📆 🤔

Aulia Zahrina Qashri

📆 📖 🤔

IGN Bagus Dimas W.

💻 ⚠️ 🔧

Adib Firman

💻

Mukhlis

📖

Hani Husamuddin

💻

tyangjawi03

💻

This project follows the all-contributors specification. Contributions of any kind are welcome!

silacak's People

Contributors

resir014 avatar allcontributors[bot] avatar zainfathoni avatar dependabot[bot] avatar asaadam avatar dekwahdimas avatar hanihusam avatar adibfirman avatar dreamid27 avatar mukhlisakbr avatar ramarahmanda avatar tyangjawi03 avatar

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.