GithubHelp home page GithubHelp logo

salak96 / easier-qurban-experience Goto Github PK

View Code? Open in Web Editor NEW

This project forked from achmadk/easier-qurban-experience

0.0 0.0 0.0 3.66 MB

Taste easier qurban process experience for qurban committees and citizens

Home Page: https://easier-qurban-experience.vercel.app

License: MIT License

Shell 0.46% JavaScript 1.07% TypeScript 95.21% CSS 3.10% SCSS 0.17%

easier-qurban-experience's Introduction

Easier Qurban Experience (EQExp)

Table of Contents

  1. Descriptions
  2. Tech Stacks
  3. Prerequisites
  4. Installations
  5. License

1. Descriptions

EQExp is abbreviated to Easier Qurban Experience a web application that can help qurban committees and citizens track the qurban process. You can learn more about this web app through the article series here.

This web app initially use as my participation to PlanetScale and Hashnode hackathon

2. Tech Stacks

  • Next.js to provide both frontend and backend of the EQExp App.
  • Prisma to connect backend with MySQL database provided by PlanetScale.
  • Clerk to provide user management of this app.
  • WindiCSS as alternative to TailwindCSS.
  • Workbox to make the EQExp app a Progressive Web App.

3. Prerequisites

a. Softwares

  • Node.JS LTS version 16.x.y
  • Yarn version 3.x.y

b. Environment Variables

  • Installed MySQL locally, at least to fill the SHADOW_DATABASE_URL environment variable. You can also use DATABASE_URL from PlanetScale to connect MySQL remotely.
  • Google Cloud account to get OAuth 2.0 Client ID, to enable users login with google account via Clerk.
  • Clerk account to get values of NEXT_PUBLIC_CLERK_FRONTEND_API, CLERK_API_KEY, and CLERK_JWT_KEY. Follow more instructions from the Clerk to log in with your Google account properly.
  • Because we use JWT for encryption, you can use generated k value from mkjwk.org to fill NEXT_PUBLIC_JWT_SECRET_KEY environment variable. I use oct with key size 2048, signature key use, and HS256 algorithm.

4. Installations

  1. Execute yarn install to install dependencies defined in the package.json file.
  2. Execute yarn prisma migrate dev to do a database migration.
  3. Execute yarn prisma db seed to do a database seeding.
  4. Execute yarn next to start development with a local server.

5. Contribution

Contribution is welcome. Please read CONTRIBUTING.md file for more information.

6. License

MIT

@ 2022 Achmad Kurnianto

easier-qurban-experience's People

Contributors

achmadk 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.