https://github.com/chandan9898kumar/login-register-form
This application is all about JWT Authorization.
https://github.com/chandan9898kumar/login-register-form
bootstrap5 html-css-javascript reactjs rest-api webpack
Last synced: 2 months ago
JSON representation
This application is all about JWT Authorization.
- Host: GitHub
- URL: https://github.com/chandan9898kumar/login-register-form
- Owner: Chandan9898Kumar
- Created: 2023-12-15T08:26:36.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-01-10T15:10:28.000Z (over 2 years ago)
- Last Synced: 2024-12-27T11:35:30.876Z (over 1 year ago)
- Topics: bootstrap5, html-css-javascript, reactjs, rest-api, webpack
- Language: JavaScript
- Homepage: https://registry-builder.netlify.app/
- Size: 756 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### `Prettier`
`One of the main advantages of using Prettier in your React app is that it helps to automatically format your code. This means that you don't have to spend time manually formatting `
`your code, which can be a tedious task, especially in large projects. Instead, you can focus on writing code and let Prettier handle the formatting.`
`Another advantage of Prettier is its seamless integration with code editors like Visual Studio Code. Once you have installed the Prettier extension in Visual Studio Code, you can easily format your code with a simple command from the command palette or even configure it to format on save. This means every time you save your file, your code gets automatically formatted according to the rules defined in your configuration file.`
### Webpack: Bundle.js - Uncaught ReferenceError: process is not defined.
`1. For Webpack 5, you can reference "process/browser" from the appropriate plugins part of webpack.config.js:`
Than Run :
Then run
`npm install process`
`2. For namespaced environment variables (more secure) check lines 10 - 28 on this StackBlitz page.`
With dotenv package:
Install dotenv:
`yarn add -D dotenv or npm i -D dotenv`
### Define these variables with webpack.DefinePlugin:
` Inside webpack.config.js`
const webpack = require('webpack')
const dotenv = require('dotenv')
dotenv.config();
module.exports = {
plugins: [
new webpack.DefinePlugin({
'process.env': JSON.stringify(process.env)
})
]
}
### We used api here :-
`https://mock-api.binaryboxtuts.com`