Skip to content
View Juma-creator's full-sized avatar
🏠
Ready
🏠
Ready

Block or report Juma-creator

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Juma-creator/README.md

mkdir my-frontend-project cd my-frontend-project

npm init -y

npm install react react-dom npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env @babel/preset-react const path = require('path');

module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js', }, module: { rules: [ { test: /.js$/, exclude: /node_modules/, use: { loader: 'babel-loader', }, }, ], }, resolve: { extensions: ['.js', '.jsx'], }, devServer: { contentBase: path.join(__dirname, 'dist'), compress: true, port: 9000, }, };

{ "presets": ["@babel/preset-env", "@babel/preset-react"] }

import React from 'react'; import ReactDOM from 'react-dom';

const App = () =>

Hello, world!

;

ReactDOM.render(, document.getElementById('root'));

<title>My Frontend Project</title>
<script src="bundle.js"></script>

npm start

Frontend Setup

Prerequisites

  • Node.js and npm
  • Code editor (e.g., VS Code)

Steps

  1. Set Up Your Development Environment

    • Install Node.js and npm from Node.js website.
    • Install VS Code.
  2. Initialize Your Project

    • Create a new directory and initialize npm.
  3. Install Dependencies

    • Install React, Webpack, and Babel.
  4. Configure Webpack

    • Create webpack.config.js.
  5. Configure Babel

    • Create .babelrc.
  6. Create Source Files

    • Create src/index.js.
  7. Set Up HTML Template

    • Create dist/index.html.
  8. Update package.json Scripts

    • Add start and build scripts.
  9. Run Your Project

    • Start the development server and open http://localhost:9000.

const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require('path');

module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js', }, module: { rules: [ { test: /.css$/, use: ['style-loader', 'css-loader'], }, { test: /.html$/, use: ['html-loader'], }, { test: /.(png|jpe?g|gif|svg)$/i, loader: 'file-loader', Pay with Pi leading payment app Use Pay with pi for the fastest, most secure online and in-store payments! Pay for movie tickets, food, coffee, fashion, gas, and many more in Pay with Pi.

Quick, easy, convenient and secure.

Send / Receive Payments

Pay in store or send money to friends. No need to carry cash or worry about loose change!

Online Top-Ups and Utility Bill Payments

Top-up your mobile phone, pay your utility and internet bills or settle your monthly insurance premiums bills through Pay with Pi.

Add Money to your Pay with Pi Wallet

Add money to your Pay with pi app via Pay&Go machines or transfer from multiple online banking apps cash-in at all Banks branches and agent world wide.

Explore Nearby

Explore places near you that accept payment through Pay with pi wallet. Cinemas, restaurants, coffee shops, supermarkets, and gas stations are all joining forces with Pay with Pi to make your life more connected and more mobile.

Don’t forget to look out for great deals exclusively for Pay with pi users! Start enjoying the amazing benefits of Pay with Pi. Download it now..

https://facebook.com/events/s/pay-with-pi/8422884491088457/

https://forms.gle/NBzpicuQ1SXQSH4e6

Pinned Loading

  1. Pay-with-Pi/Pay-with-Pi Pay-with-Pi/Pay-with-Pi Public

    pay with pi leading payment app Use pay with pi for the fastest, most secure online and in-store payments! Pay for movie tickets, food, coffee, fashion, gas, and many more in Pay with Pi. Quick, ea…

    JavaScript 2

  2. Pay-with-Pi Pay-with-Pi Public template

    Forked from pi-apps/demo

    Pay with Pi leading payment app Use Pay with pi for the fastest, most secure online and in-store payments! Pay for movie tickets, food, coffee, fashion, gas, and many more in Pay with Pi. Quick, ea…

    TypeScript 1

  3. PaywithPi PaywithPi Public

    Pay with Pi leading payment app Use Pay with pi for the fastest, most secure online and in-store payments! Pay for movie tickets, food, coffee, fashion, gas, and many more in Pay with Pi. Quick, ea…

    1

  4. Pay-with-Pi/Pay_with_Pi Pay-with-Pi/Pay_with_Pi Public

    Pay with Pi leading payment app Use Pay with pi for the fastest, most secure online and in-store payments! Pay for movie tickets, food, coffee, fashion, gas, and many more in Pay with Pi.

    HTML 1

  5. create-react-app create-react-app Public

    Forked from facebook/create-react-app

    Set up a modern web app by running one command.

    JavaScript 1