Skip to content

Software Libraries

August 27th, 2021 by PostPcEra

This page details SnapCoderr statup.

Messaging

Learner Earner

  • Are you a Learner? Are you a Earner?
  • you want to start as Learner to become Earner, you came to the right place.

Leaning type pdf file

What & Why

what is innovation here

Peers

Revenue

Project Technical Design

1/ DB design

  • start with PRISMA customer , blog post schema
  • add more models as we go

2/ Next.js with Typescirpt

  • start with TS and Chakra-ui
  • see we had old site already

3/ backend compiler to execute code

  • start with Python and Javascript just only 2 languages to begin with
  • python server to execute python code
  • JS code to execute ...

Technology

EARNER site

  • UI sample for String funcitons of EARNER in SNAPCODERR . This is written in GO, but we can use for UI/UX sample
  • we may use just plain LINK text instead of TABS .
  • postman clone . Can use some parts of it for EARNER site STRING functions
  • there is a VUE based github repo for Postman clone , that UI was good , see , we recored it seems.

Sample Sites

for HTML CSS JS

  • Code battle : CodePen Clone
  • we can use LPU Lovely Prof. Unive student app, with the above Codepen clone UI , so Leaner can see all 3 file in Real time .
codereforge logoThe code refactoring platform


Pablo Miceli
10:24 Mar 9th 2019


Code editor with CodeMirror on Next.js component
I know, this is terrible. I have a code editor component using CodeMirror. The thing is that CodeMirror throws errors
if it's rendered server-side. So only import it client-side using 'componentnDidMount'.
  • SR: may be we can avoid Class using Next dynamic loading with ssr : flase

site UX

  • see this 99remotejobs.com ( small buttons seems Tailwind css) , saashub.com have good palin ux

  • good Editor/compiler for LEARNER part ; Clean & simple .

  • site shows node /tmp/BP3Qn2lrQ4.js , it may be using Lambda functions ( for cheaper cost, so big load), investigate..

  • we can mimic this programiz.com site for CONTENT also ...

  • 2/ Have sample code 1 , 2 or 3 lines on LEFT pane boxes, when clicked code goes to RIGHT side box and it will be executed. Like Indeed.com job listing, The RIGHT box always stick to TOP of the screen.

  • this regex gave insipartion to have snapcoderr.com site

  • the above regex guy can do any regrex in 2 minutes , happy to have $

Edge functions

  • 99remotejobs : each page is cached at the EDGE as static html file, that is why it is so fast. Each click is a Static html file
  • NO Database query. Also seems they might have used something like REACT-QUERY which RETRIEVES data AHEAD and CACHE in Browser.
  • Saashub : each category is a static page Kent C. Dodds web site also similar strategry as he explained in the architecture diagram ( Chenni, Sydeny, etc.. data centers)
  • Vercel hosting with Next.js is also talking about the same thing EDGE Computing (serverless functions , React server components)
  • Edge computing

some CODE to mimic

Python in Browser

-Brython: Python in Your Browser

online python compiler/hosted services

  • repl.it - note: find out if we can use some 50 accounts for all our users, with API password changes etc..

  • codeanywhere is also mentioned here

  • codeanywhere site talks about $1.5 per student

  • see inbrowser python compiler, that is 0 cost, no load on server, esp good for LEANER part of site

  • onecompiler python features

  • onecompiler about company ; here stats

  • CURL api exists : see bottom of the page

  • just create account, seems you can get access token ... ( as said at botton of CURL api)

API to run the code
  Users can integrate the API from their backend servers and execute the code programatically.
  Following is the cURL to call the /run API to execute code


  curl --location --request POST 'https://onecompiler.com/api/v1/run?access_token=your_access_token' \
  --header 'Content-Type: application/json' \
  --data-raw '{
    "language": "python",
    "stdin": "Peter",
    "files": [
      {
        "name": "HelloWorld.py",
        "content": "import sys\nname = sys.stdin.readline()\nprint('\''Hello '\''+ name)"
      }
    ]
  }'


Note: Replace the your_access_token with your account's access token. Reach out to support@onecompiler.com to get your acces token