This project is about npm ui package for react app made on the top of opensource appwrite which provides ui buttons for authentication purpose
To Contribute First
clone this repo
then go to src folder and download require npm package using npm i
make react component inside src folder with prefix Auth..
save them
update the version of package inside package.json -- increment it
run npm run build which will build the new components
Go to dist folder
you can see your component
make PR to add your component or if you want to update some component
How To Use component in projects
make your react app
setup for appwrite config file
inproject folder folder make appwriteConfig.js file
your project folder directory should look like this
project
|-node_modules
|-public
|-src
|-services
|-appwriteConfig.js
other files
initially appwriteConfig.js contain this info
import { Client, Account } from "appwrite";
const client = new Client();
const account = new Account(client);
client
.setEndpoint('http://localhost:106/v1') // Your API Endpoint
.setProject('6425d19c7a8619e5cb51') // Your project ID
;
inside your client folder(or root folder name can vary) install authbpackage using
npm i authbpackage
open your .js/.jsx folder
import componet for use
for example
import Authsignup from "authbapp/Authsignup";
and use it <Authsignup/> here Authsignup take email,password,and name as props
so passing this
<Authsignup email={email} password={password} name={name}/>
Yeee Finally you got the component that will automatically signup user and you can see the user entry inside appwrite console
You Can See Other Component in this Repo Also And Use Them
Thank you !!