Skip to content

Instantly share code, notes, and snippets.

View ridoansaleh's full-sized avatar
🎯
Focusing

RSN ridoansaleh

🎯
Focusing
34 followers · 44 following
  • Indonesia
View GitHub Profile
@ridoansaleh
ridoansaleh / restapi_projects.md
Last active January 2, 2021 07:13

RESTAPI PROJECTS

This is a list of my RESTAPI projects that i created from scratch or just copy paste from tutorial websites after following the instructions. I'm aware that consistency is the key to improve my skills in Backend.

Since i'm not a Backend Developer it has been hard to me to keep up and build RESTAPI project. The other thing is i have NO big desire to do so. I'll try to improve my passion and do some Backend projects in 2021 (this year).

  1. Cinema21 GraphQL

    status: Not completed
    tech: Node.Js

@ridoansaleh
ridoansaleh / nodejs_restapi_plan.md
Last active January 10, 2021 01:08

STAFF LIST RESTAPI PLAN

Tutorial to follow: Creating a Secure REST API in Node.js

Project Name: Staff List RestAPI
Database: MongoDB Atlas (Cloud Database)
Framework: Express

Features

  1. Create a company as a user (Registration / Sign Up) ==> (POST)
@ridoansaleh
ridoansaleh / my-projects.md
Last active August 23, 2020 09:24
@ridoansaleh
ridoansaleh / cra-environment-variables.md
Last active February 9, 2020 14:46

Customizing Environment Variables for Arbitrary Build Environments. This is possible by using env-cmd library.

1. .env.cmdrc

{
  "dev:website-a": {
    "REACT_APP_ENV": "development",
    "REACT_APP_WEBSITE": "website a"
  },
@ridoansaleh
ridoansaleh / react-example-app.css
Created January 19, 2020 10:41
.App {
padding: 0 20px;
max-width: 700px;
}
.submit-btn {
margin-left: 5px;
}
.button-wrapper {
@ridoansaleh
ridoansaleh / react-example-app.js
Created January 19, 2020 10:38
import React, { useState, useEffect } from "react";
import "./App.css";
function App() {
const [page, setPage] = useState(1);
const [posts, setPosts] = useState([]);
const [title, setTitle] = useState("");
useEffect(() => {
getPosts(page);
@ridoansaleh
ridoansaleh / react-example-index.html
Created January 12, 2020 14:40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
@ridoansaleh
ridoansaleh / source-of-data.md
Last active December 16, 2019 03:11

Source of Data

Redux

Positive :

  • More like real implementation
  • React component know when there is a new update

Negative :

  • Can't handle filter feature on minimal code
@ridoansaleh
ridoansaleh / loose-coupling.md
Last active December 9, 2019 14:47

Loose Coupling in React.Js

Home page contains:

  • Filter
  • RequestList

Strategies :

1. S-1

@ridoansaleh
ridoansaleh / select-search.md
Last active December 6, 2019 02:54

Select Search

Options with "No Match"

const options = [
  {
    val: "Messi",
    desc: "Forward"
  },
  {