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]

Comments
  • 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 naptr 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
  • 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: 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
  • 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 feature random car image

    add feature random car image

    Description

    Genrate a random car image. API URL = https://loremflickr.com/

    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 kingkinfajarr 1
  • add random-meme-image

    add random-meme-image

    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 Re-Creators 1
  • Feature/random koala image

    Feature/random koala image

    Description

    https://some-random-api.ml/img/koala an API displaying random koala image

    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 mfauzanamzar 0
  • feat: Add random monkeyuser comic api

    feat: Add random monkeyuser comic api

    Description

    Add file to Random Call API Monkey User Comic

    image

    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 arifwidianto08 0
  •  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
    • [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 naptr 0
Owner
Abdul Hakim
Front end developer & Mobile Developer who love React and Javascript
Abdul Hakim
A very simple wrapper of pinia to try difference API

pinia-dx Pinia DX improvement experiment (Composition API Only). This is a very simple wrapper of pinia to try difference API. import { reactive, toRe

Johnson Chu 3 Oct 27, 2021
Here is the front end using react for our django backend and api

React_Frontend- Here is the front end using react for our django backend and api make sure ou have node and npm from command line node -v npm - v need

null 1 Dec 10, 2021
Alt + Click on rendered JSX to open it's source code in VSCode

Alt + Click on rendered JSX to open it's source code in VSCode

Siddharth Kshetrapal 176 Aug 26, 2022
This repository contains different React components, hooks, apps and libraries that are used in different projects here at NaN Labs.

This repository contains different React components, hooks, apps and libraries that are used in different projects here at NaN Labs.

NaN Labs 6 Oct 2, 2022
Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React

react-aws-s3 Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React. Help the Module developer (Amit Mishr

Amit Mishra 44 Sep 8, 2022
Reactivated.app is an open-source app that scans your JS dependencies every 4 hours and generates cool dashboards

Reactivated.app is an open-source app that scans your JS dependencies every 4 hours and generates cool dashboards

Premier Octet 66 Jul 20, 2022
Pimp my README is an open source profile builder that you can use to add some cool components to your README profile - Made with <3 by webapp.io :)

Pimp my README This repository is the open-source project for Pimp my README. How this came to be So basically, GitHub added a feature where you can a

Joshua D'Souza 106 Sep 23, 2022
This is the FARM Stack course, where you are going to learn how to build an application from scratch using FASTAPI, React and mongoDB

This is the FARM Stack course, where you are going to learn how to build an application from scratch using FASTAPI, React and mongoDB

Bek Brace 105 Sep 17, 2022
Github-ci-cd-react - I followed CI/CD course from codedamn to learn how to implement github actions in a project, in this practical lesson with codedamn am using ReactJS

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Okechukwu Somtochukwu 1 Jan 2, 2022
Open source authentication and authorization service, container-native, PassportJS-native, built with React and Node.

id6 Authentication and authorization as a service Docs - Twitter Why id6 ? I wrote id6 out of frustration of re-writing authentication and authorizati

id6 12 Oct 31, 2021
A curated list of resources to learn React and related web technologies as fast as possible.

React Learning Resources A curated list of resources to learn React and related web technologies as fast as possible. The goal is to help you create p

Naresh Bhatia 58 Aug 12, 2022
Open-source productivity booster with a brain

Cerebro Usage You can download the latest version on releases page. After installation use default shortcut ctrl+space to show an app window. You can

Cerebro 7.5k Sep 25, 2022
This is the Open Source Design System from Meiuca

This is the Open Source Design System from Meiuca

Meiuca 36 Jun 16, 2022
The Open Source A/B Testing Platform

The Open Source A/B Testing Platform Get up and running in 1 minute with: git clone https://github.com/growthbook/growthbook.git cd growthbook docker-

Growth Book 3.6k Sep 30, 2022
🏎 Open source racing game developed by everyone willing

??️ @pmndrs/racing-game Live demo (current state): https://racing.pmnd.rs/ This project is a showcase for the feasibility of React in gaming. Every th

Poimandres 2k Oct 2, 2022
JWT generator - An open-source JSON Web Token (JWT) generator created by enabler

JWT generator An open-source JSON Web Token (JWT) generator created by enabler View Demo · Report Bug JWT generator allows you to generate JWT in an e

Enabler AS 3 May 31, 2022
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 16.2k Oct 2, 2022
Learn how to use the Web3Button component from the thirdweb React SDK!

Web3Button This template shows you how you can use our Web3Button component from our React SDK to call any function on any smart contract; and ensure

thirdweb templates 9 Sep 10, 2022
This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

null 1.1k Sep 28, 2022