Here is the place try to learn to call API using React.js with anything your code style and contribute to open-source. Part of Hacktoberfest

Overview
Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage

About The Project

To welcome hacktoberfest we provide to create this repository to make you can contribute in hacktober fest with happy and make you more creative.

(back to top)

Built With

This app build with React.JS and tailwind css

(back to top)

Getting Started

How to contribute? Just fork this repository and then, create branch from forked repository, edit, create pull request, finish

Prerequisites

Please be sure to have node.js to run this app

Installation

  1. Clone the repo
    git clone https://github.com/akimabs/random-call-api.git
  2. Install NPM packages
    npm install

(back to top)

Usage

To start developing this app you can follow this step:

  1. Type npm start and press enter, the app will appear automatically in development mode.

  2. Copy file src/example/example-file.js to src/contributor and rename it.

  3. Start developing your new file.

  4. import your file to index.js

  5. Finish, yeay~ Your development progress is done.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Contributors

List generated with contributors-img. [Updates every 24 hrs]

Issues
  • add random-user-profile-generator

    add random-user-profile-generator

    Description

    random API for generating dummy user profile data

    Screenshot

    Optional


    Checklist
    • [ ] API used in this PR was not used in just-calling-random-api before.
    • [ ] API used in this PR is Public or I have permission to use it.
    • [ ] My contribution is working.
    • [ ] My contribution doesn't expose any API keys.
    • [ ] My changes don't generate any new warnings.
    • [ ] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by ahmadkhairul 4
  • Feature/randomimage

    Feature/randomimage

    Description

    Please include the details of the API used in this PR. https://source.unsplash.com

    Screenshot

    Optional


    Checklist
    • [ ] API used in this PR was not used in just-calling-random-api before.
    • [ ] API used in this PR is Public or I have permission to use it.
    • [ ] My contribution is working.
    • [ ] My contribution doesn't expose any API keys.
    • [ ] My changes don't generate any new warnings.
    • [ ] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by izhal27 3
  • adding feature random kanji with its informations

    adding feature random kanji with its informations

    Description

    Please include the details of the API used in this PR. https://kanjiapi.dev/ is an api used for get kanji with its informations.

    Screenshot

    Optional image


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by ziunadev 2
  • feat: add random quotes api

    feat: add random quotes api

    Description

    Please include the details of the API used in this PR.

    Screenshot

    Optional


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by sgitwhyd 2
  • feat: added random-api-call unsplash images

    feat: added random-api-call unsplash images

    Description

    Added official Unsplash image url randomizer with image size parameter.

    Screenshot

    msedge_9szNYFb4Aq


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by mhmdbhsk 2
  • Add random-dog-image API

    Add random-dog-image API

    Description

    Please include the details of the API used in this PR.

    Screenshot

    Optional


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by TaufikAkbar7 2
  • feat: random image answer yes-or-no

    feat: random image answer yes-or-no

    Description

    Random image answer Yes Or No

    Screenshot

    screencapture-localhost-3000-random-call-api-2021-10-03-16_19_05


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by riyaraa 1
  • feat: add random robot image

    feat: add random robot image

    Description

    Add random image using robohash API

    Screenshot

    Optional


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by saefullohmaslul 1
  • Create random-ai-art.js

    Create random-ai-art.js

    Description

    Please include the details of the API used in this PR.

    Screenshot

    Optional


    Checklist
    • [ ] API used in this PR was not used in just-calling-random-api before.
    • [ ] API used in this PR is Public or I have permission to use it.
    • [ ] My contribution is working.
    • [ ] My contribution doesn't expose any API keys.
    • [ ] My changes don't generate any new warnings.
    • [ ] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by sansekai 1
  • Add some RandomPixelMonstersImage

    Add some RandomPixelMonstersImage

    Description

    Please include the details of the API used in this PR.

    Screenshot

    Optional


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    hacktoberfest-accepted 
    opened by anggaprytn 1
  •  add random image from picsum 200

    add random image from picsum 200

    Description

    Please include the details of the API used in this PR.

    Screenshot

    Optional


    Checklist
    • [ ] API used in this PR was not used in just-calling-random-api before.
    • [ ] API used in this PR is Public or I have permission to use it.
    • [ ] My contribution is working.
    • [ ] My contribution doesn't expose any API keys.
    • [ ] My changes don't generate any new warnings.
    • [ ] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    opened by yazidkhan96 0
  • feat: add random testimonial

    feat: add random testimonial

    Description

    https://testimonialapi.toolcarton.com/

    Testimonial API offers dummy testimonial data for 10 random users, including user ID, user name, location, designation, avatar, message and rating.

    Screenshot

    image


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.
    opened by agungjsp 0
  • add feature - random company

    add feature - random company

    Description

    Please include the details of the API used in this PR.

    Screenshot

    Optional


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    opened by anggaalfiansah 0
  • [fix]: duplicate tailwind classes

    [fix]: duplicate tailwind classes

    Description

    Please include the details of the API used in this PR.

    found duplicate tailwind classes inside random-pixel-monster.js file

    fix my code

    Screenshot

    Optional


    Checklist
    • [ ] API used in this PR was not used in just-calling-random-api before.
    • [ ] API used in this PR is Public or I have permission to use it.
    • [ ] My contribution is working.
    • [ ] My contribution doesn't expose any API keys.
    • [ ] My changes don't generate any new warnings.
    • [ ] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    opened by ziunadev 0
  • feat: sample get random company profile

    feat: sample get random company profile

    Description

    Sample to get random Company profile

    Screenshot

    image


    Checklist
    • [x] API used in this PR was not used in just-calling-random-api before.
    • [x] API used in this PR is Public or I have permission to use it.
    • [x] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [x] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    opened by jdniels 1
  • Create bimaexz.js

    Create bimaexz.js

    Description

    Please include the details of the API used in this PR.

    Screenshot

    Optional


    Checklist
    • [ ] API used in this PR was not used in just-calling-random-api before.
    • [ ] API used in this PR is Public or I have permission to use it.
    • [ ] My contribution is working.
    • [x] My contribution doesn't expose any API keys.
    • [x] My changes don't generate any new warnings.
    • [ ] My changes don't affect any work done by other developers.

    To tick a box, replace [ ] with [x].

    invalid 
    opened by bimaexz 2
  • argadw.config.js

    argadw.config.js

    null

    invalid 
    opened by argadw 1
Owner
Abdul Hakim
Front end developer & Mobile Developer who love React and Javascript
Abdul Hakim
Here is the place try to learn to call API using React.js with anything your code style and contribute to open-source. Part of Hacktoberfest

Table of Contents About The Project Built With Getting Started Prerequisites Installation Usage About The Project To welcome hacktoberfest we provide

Abdul Hakim 11 Oct 5, 2021
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

Figmagic Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React compo

Mikael Vesavuori 445 Oct 14, 2021
Web Development for Beginners - A Curriculum

Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics.

ADJAA ALAMBIA 3 Oct 5, 2021
Curated tutorial and resource links I've collected on React, Redux, ES6, and more

React/Redux Links Curated tutorial and resource links I've collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles

Mark Erikson 21.1k Oct 20, 2021
Build blazing fast, modern apps and websites with React

Gatsby v2 ⚛️ ?? ?? Fast in every way that matters Gatsby is a free and open source framework based on React that helps developers build blazing fast w

Gatsby 51.5k Oct 14, 2021
30 Days of React challenge is a step by step guide to learn React in 30 days

30 Days of React challenge is a step by step guide to learn React in 30 days. It requires HTML, CSS, and JavaScript knowledge. You should be comfortable with JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of JS. This challenge may take up to 100 days, follow your own pace.

Asabeneh 8.4k Oct 17, 2021
❄️ Winterly Tab ❄️ Beautifully replace new tab screen with winter themed background.

Beautifully replace the new-tab page in your web browser with winter-themed background. It's free & open source!

Diky Hadna 6 Oct 9, 2021
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces

Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. Description The main obje

Inferno 15.1k Oct 9, 2021
Complete token authentication system for react + redux that supports isomorphic rendering.

Simple, secure authentication for react + redux TL;DR - View the Live Demo You can see a complete working example here. The code for the demo is here.

Lynn Dylan Hurley 2.2k Oct 2, 2021
A simple react js onscroll sticky Nav bar library

A simple react js onscroll sticky Nav bar library

Abod Micheal 19 Oct 7, 2021
Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by

Cruip 1.1k Oct 17, 2021
User-friendly query builder for React

react-awesome-query-builder User-friendly React component to build queries. Inspired by jQuery QueryBuilder Using awesome Ant Design v4 for widgets No

Denis Oblogin 886 Oct 12, 2021
An easy way to build Rarity games with React

rarity-react An easy way to build Rarity games with React. It started with a simple app... I wanted to see my summoners and the prizes they'd won whil

murderteeth 2 Oct 11, 2021
In this demo, I am using a library created by me, called 'aesthetic-state' for global state managment in React

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dany Beltran 3 Oct 3, 2021
Tutorial for using react query and supabase

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run

Ankit Jena 12 Aug 30, 2021
The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.

The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State. Table of Contents Articles Featu

Sergey 77 Oct 17, 2021
React Bootcampのリポジトリ

ReactBootcamp 第一回勉強会後の開発ドキュメント 前回まで 次回までの目標 React の環境を構築し、React の使い方を掴む 今週のやることリスト PC に React の開発環境を構築する エディタをインストール(VS code 推奨) React プロジェクトの作成 React

null 19 Sep 30, 2021
Calculadora simples usando classes do ReactJS

React Calc This calculator was developed by me using ReactJS during my JavaScript studies.

null 5 Jun 23, 2021
React ESI: Blazing-fast Server-Side Rendering for React and Next.js

React ESI: Blazing-fast Server-Side Rendering for React and Next.js React ESI is a super powerful cache library for vanilla React and Next.js applicat

Kévin Dunglas 578 Oct 12, 2021