GithubHelp home page GithubHelp logo

lazerpayhq / lazerpay-documentation-v2 Goto Github PK

View Code? Open in Web Editor NEW
19.0 2.0 13.0 13.15 MB

⚡️ Official Lazerpay Finance documentation and API reference manual

Home Page: lazerpay-documentation-v2.vercel.app

License: MIT License

TypeScript 98.49% JavaScript 0.17% SCSS 1.34%
apis blockchain crypto documentation fintech payment web3

lazerpay-documentation-v2's Introduction

Welcome to Lazerpay Official Documentation 👋

GitHub issues GitHub stars GitHub license

This is the repository for the Lazerpay documentation site docs.lazerpay.finance. Lazerpay Documentation accepts contributions via GitHub pull requests. This document outlines some contributing guidelines, contact points, and other resources to make it easier to contribute to lazerpay-documentation-v2.

If you've run into a problem or have a suggestion, browse the open issues before opening a new one. We use the following label system to organize our issues.

  • for typos, broken links, and other quick fixes
  • for additions to the FAQ and Troubleshooting sections
  • for revisions, rewrites, and larger improvements
  • for feedback on structure & content
  • for questions that can't be answered via documentation
  • for improvements and fixups related to the look and feel of the docs site

Best practices for managing contributions

  • If a question is asked more than twice in the documentation channel, it should be added as an outstanding issue. If a resolution is found, it should be captured in the issue before it's closed or in a following pull request. Those involved in the support process should contribute to the documentation (i.e. if you answered the question, be sure to capture the outcome in the relevant documentation).

  • If a piece of unaddressed feedback is given more than three times, a issue should be created and added to the Feedback Hub to be prioritized in the following weekly sync.

  • Issues will be reviewed on a rolling basis and triaged weekly by @MeisterJustice and @Frontend-io

How to Contribute

Get Started

  • Create a fork of the documentation, install neccessary dependencies by running yarn
  • To start your server, run yarn dev and you'll have your development server running on localhost:3000

Editing Content

To add a new content, e.g page, please note this is a NextJS app, a knowledge of NextJS is required to work with files and how pages are routed.

  • All new pages should go to the content/docs folder accordingly. The pages are written in markdown (MDX - an extension of MD).
  • MDX allows you to use JSX components in the same file. If you have a section of the page that is written in JSX, please create that component and include it to the existing mdx-component object so it is properly mapped when rendering. Don't forget to export the component in the entry index.ts file before importing anywhere else.
  • UI Reusable components like LzButton, LzLink and LzContainer can be found in UI-Components. Use these components when working on any issue. You're welcome to create new UI reusable components in the same project folder. Please make sure your new resuable components follow the same naming convention as the existing components.
  • Tailwindcss helps you to build any design, directly in your markup. We implement this css framework in our components, so knowledge of Tailwind is required. Please go through the Typography-scss-file to understand how to apply the existing typography in our design pattern. Also, see Tailwind-config for the list of our colors, shadows, font sizes, etc. Check out Quicklinks for a sample of how these are implemented.

Editing an existing docs page

  • Make your changes to the neccessary files, create your PR following the issue guideline

Adding a new docs page to an existing sidebar

  • The sidebar is quite easy to use. After creating your page, update the sidebar.config.ts file to include your new route/page if it's not already there. Each sidebar option has a nested structure, so if you are working on a nested link under a particular sidebar item, add that page route in the items array of the sidebar config.

Contributing

Contributions to lazerpay-documentation-v2 can be made via pull requests on GitHub. When opening a PR, please tag any associated parties, @MeisterJustice and @Frontend-io

Contributors ✨

Thanks to Chakra-UI team for making their Zag Docs documentation Open source and free to use.

This project follows the all-contributors specification. Contributions of any kind welcome!

lazerpay-documentation-v2's People

Contributors

asapconet avatar frontend-io avatar khadeeejah avatar meisterjustice avatar njokuscript avatar preshh0 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

lazerpay-documentation-v2's Issues

🪲 [Bug] On medium screens 1037px - 1420px, there's a blank space that appears above header in all different pages

Describe the bug
A huge blank space above the header

To Reproduce
NOTE : this error is only on big screens eg laptop

Steps to reproduce the behavior:

  1. Go to chrome using a laptop
  2. go to "https://lazerpay-documentation-v2.vercel.app/docs/quik-start"
  3. On load, you'd see a huge blank space above the header
  4. You'd have to scroll down a bit before you can see the header

Expected behavior
I expect the header to be at the top of the page and also sticky i.e fixed

Desktop (please complete the following information):

  • OS: Windows
  • Browser : Chrome

🎨 [UI] Implement Payments > Webhooks

Please describe the improvement request
Developers can simplify and improve their Lazerpay payment integration process by listening to our webhooks

Describe the solution you'd like
Webhooks are a way for you to subscribe to events that occur when an event involving your business occurs. This guide will walk through what webhooks are and how you can use them in order to get started with integrating them into your application.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement Transfers > get started page

Please describe the improvement request
The transfers API allows developers to programmatically make fast, global payouts to customers, vendors, and suppliers using traditional bank wires, or making native crypto transfers.

Describe the solution you'd like
Code the design and functionalities of the transfers > get started page.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement Payments > accept payments page

Please describe the improvement request
The Lazerpay payment SDK provides a convenient and easy way for developers to accept payments. A page on the documentation is needed to explain how this can be achieved.

Describe the solution you'd like
Design and functionality for the page needs to be implemented.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

Additional context (optional)
Add any other context or screenshots about the feature request here.

🎨 [UI] Implement Transfers > Webhooks

Please describe the improvement request
Developers can simplify and improve their Lazerpay integration process by listening to our webhooks

Describe the solution you'd like
Authenticate your API calls by including your secret key or public key depending on the request you're making in the header of request you make.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement Transfers > Crypto transfer page

Please describe the improvement request
Developers can send crypto to an external wallet using Lazerpay APIs

Describe the solution you'd like
Design and implement the page that explains how devs can use the Lazerpay API to send crypto.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Improve code highlighting to support bash/cURL codes

Please describe the improvement request
Improve the Codeblock component to highlight cURL/bash codes

Describe the solution you'd like
The prism library should apply code highlighting on all supported programming languages, especially bash/cURL

Describe alternatives you've considered if any (optional)
prism.js seem to not have support for highlighting bash codes. Any alternative will be welcomed

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

Additional context (optional)
Some discussions around bash highlighting

🎨 [UI]

Please describe the improvement request
There are no components for code Snippets and Tables

Describe the solution you'd like
Code a component that shows the code snippets and Table .

Describe alternatives you've considered if any (optional)
A clear and concise description of any alternative solutions or features you've considered.

Does this solution have a figma design url attached to it? paste it here (optional)
[https://www.figma.com/file/MocT7avQcyofsHa1pujaLD/Lazerpay-Documentation?node-id=2133%3A90690)

Additional context (optional)
Add any other context or screenshots about the feature request here.

🎨 [UI] Implement Transfers > Bank Transfers

Please describe the improvement request
Developers can payout crypto to bank accounts using the Lazerpay API

Describe the solution you'd like
Design and implement the page that explains how devs can use the Lazerpay API to programmatically withdraw crypto to a bank account

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement Payment > Partial payment

Please describe the improvement request
Developers can programmatically either accept or decline partial payment using the Lazerpay API

Describe the solution you'd like
With this feature, if you attempt to charge someone USD 100 but they only pay USD 90, the transaction will be put on hold and tagged incomplete until the person completes the payment.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement response snippet > Verify Payments page

Please describe the improvement request
The response snippet shows the response of a request to the payments API with the response status.

Describe the solution you'd like
Code a component that shows the response of a request to the payments API along with the response status.

Does this solution have a Figma design URL attached to it? paste it here (optional)
Figma URL

Additional context (optional)
Here's a screenshot of the response snippet.

FireShot Capture 003 - Lazerpay Documentation – Figma - www figma com

🎨 [UI] Implement Payments get started page.

Please describe the improvement request
Currently, there's no UI implementation for the payments get started page of the documentation.
We need to implement the design for the authentication page of the documentation. The design is shown in the Figma URL below

Does this solution have a Figma design URL attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement Payments > Verify payments page

Please describe the improvement request
Developers need a way to verify the status of payments initiated using the Lazerpay payment SDK.

Describe the solution you'd like
Design and code the functionality to explain payment verification

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🪲 [Bug] Cookies popup does not close

Please describe the improvement request
The cookies info does never leaves the page on first visit when you click the close button

Describe the solution you'd like
When I click the close button, it should close

Additional context (optional)

CleanShot.2022-06-04.at.14.18.58.mp4

🎨 [UI] Implement Payments > Test payment

Please describe the improvement request
Sometimes, developers encounter some challenge when trying to test their lazerpay payment integration using their test keys. This will explain how to easily play around with payments.

Describe the solution you'd like
Work on a page that describes how you can go about testing the Lazerpay integration.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement Payments > Payment links

Please describe the improvement request
Developers need a way to programmatically create standard/donation payment links using the lazerpay API

Describe the solution you'd like
With Payment Links, you can create a payment page and share a link to it with your customers. Creating Payment links from the dashboard requires no coding and you can share the link as many times as you want on social media, in emails, or any other channel.

Does this solution have a figma design url attached to it? paste it here (optional)
Figma URL

🎨 [UI] Implement authentication page design

Please describe the UI Improvement request
Currently, there's no UI implementation for the authentication page of the documentation.
We need to implement the UI design for the authentication section. The design is shown in the Figma URL below

Does this solution have a Figma design URL attached to it? paste it here (optional)
Figma URL

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.