Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rosesonfire/understand-quran
Helps understanding the Holy Qur'an
https://github.com/rosesonfire/understand-quran
Last synced: 28 days ago
JSON representation
Helps understanding the Holy Qur'an
- Host: GitHub
- URL: https://github.com/rosesonfire/understand-quran
- Owner: rosesonfire
- License: unlicense
- Created: 2020-11-14T12:05:20.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2020-12-30T19:42:48.000Z (about 4 years ago)
- Last Synced: 2024-03-21T20:20:48.836Z (10 months ago)
- Language: TypeScript
- Homepage:
- Size: 2.75 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Understand Qur'an
Helps understanding the Holy Qur'an# Tech used
## Languages
1. Javascript
1. Typescript
1. Shell script
1. CSS
1. SCSS
1. YAML
1. GraphQL## Frameworks and libraries
1. ReactJS
1. NextJS
- Code splitting
- Prefetching
- Server-side rendering at runtime
- Automatically rendered as static HTML
- Automatically generated as static HTML + JSON
- Incremental static regeneration
- Client side rendering
1. Redux
- Thunk
- Reselect
- Re-reselect
- React Redux
- Redux Toolkit
- Next Redux Wrapper
1. RxJS
1. Redux Observable
1. Docker
1. Docker Compose
1. Stylelint
1. Eslint
1. Storybook
1. Material UI
1. Webpack
1. Verdaccio (private npm registry)
1. NPM (for creating, publishing and reusing private packages)
1. SWR (React Hooks library for data fetching)
1. GraphQL
1. Apollo server express
1. Apollo client## Conventions
1. SuiteCSS## Follow this development on YouTube
Playlist: https://www.youtube.com/playlist?list=PLLGMgjCzF9LYuY0tqOUeSONWamN5jkrwo# Requirements
1. Docker
1. Docker Compose# Services
- understand-quran: front end
- design-library: a design library for the front end
- npm-registry: private npm registry## Run services
```bash
./start []
```## Restart services
```bash
./restart
```## Stop a service
```bash
./stop $1
```## Stop all services and remove containers
```bash
./killall
```## URLs
- understand-quran: http://localhost:3000
- design-library: http://localhost:6006
- npm-registry: http://localhost:4873## View logs
```bash
./logs
```## Shell into services
### npm-registry
```bash
./shell-npm-registry
```
### other services
```bash
./shell
```## Debug
### understand-quran
- Client side code: Use `debugger`
- Server side code: Add `debugger` to server side code.
- Chrome: Go to `chrome://inspect/ -> Under "Remote Targets" click on "inspect"`
- VSCode:
1. Add this task in `.vscode/tasks.json`:
```json
{
"version": "2.0.0",
"tasks": [
{
"label": "clear-editor-history",
"command": "${command:workbench.action.clearEditorHistory}"
}
]
}
```
1. Add this debugger configuration in `.vscode/launch.json` and lauch after starting server:
```json
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Launch Program",
"skipFiles": ["/**"],
"port": 9229,
"preLaunchTask": "clear-editor-history"
}
]
}
```