├── .github └── FUNDING.yml ├── README.md ├── package.json ├── public ├── google7205e8d81ab78b75.html └── index.html └── src ├── Aplikasitoko.js ├── App.js ├── Bioskop.js ├── Cafe.js ├── Contact.js ├── Demo.js ├── Footer.js ├── Header.js ├── Home.js ├── Jos.js ├── Kasir.js ├── Layanan.js ├── Main.js ├── Resto.js ├── ScrollToTop.js ├── Web.js ├── demo ├── Admindemo.js ├── Cinema.js ├── Kasirdemo.js ├── Mobile.js └── Phone.js ├── index.js └── slug ├── Aloha.js ├── Aseloley.js ├── Asereje.js ├── Basic.js ├── Celuk.js ├── Dashboard.js ├── Datas.js ├── Endas.js ├── Info.js ├── Kategori.js ├── Kepala.js ├── Kitchen1.js ├── Kitchen2.js ├── Kitchen3.js ├── Kons.js ├── Laporan.js ├── Laravel.js ├── Login.js ├── Pembelian.js ├── Penjualan.js ├── Premium.js ├── Price.js ├── Produk.js ├── Retur.js ├── Sikil.js ├── Standard.js ├── Start1.js ├── Start2.js ├── Start3.js ├── Supplier.js ├── Variant.js ├── Webslug1.js ├── Yok.js └── Yuk.js /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: mesinkasir 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Website themes template free download with SEO ✔️ 2 | 3 | 👉🏻Test demo [https://laravelapp.vercel.app/](https://laravelapp.vercel.app/) ✔️ 4 | 5 | 🧛 Dark Mode Premium test drive here [https://lavapos.vercel.app/](https://lavapos.vercel.app/) ✔️ 6 | 7 | 👩🏻‍🎓 Documentation installation and live source code 8 | [https://www.hockeycomputindo.com/2021/02/bootstrap-react-free-download-website.html](https://www.hockeycomputindo.com/2021/02/bootstrap-react-free-download-website.html) 9 | 10 | 🎥 Video demo [play video](https://youtu.be/JoV7xBUvVfU) 11 | 12 | ---------------------------------------- 13 | 14 | ### 💖 Thanks for Sponsor 🤞 15 | 16 | adamdjbrett grandlimousine 1 hockeycorp creativitas 17 | 18 | ---------------------------------------- 19 | 20 | ### [🚀 Become a Sponsor](https://github.com/sponsors/mesinkasir) | [☕ Buy me Coffee](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JVZVXBC4N9DAN) 21 | 22 | ---------------------------------------- 23 | 24 | ### 🥇 Supporter 👨🏻‍🚀 25 | 26 | creativebydre creativitas 27 | 28 | ---------------------------------------- 29 | 30 | Display 31 | 32 | ![React Bootstrap free download source code gratis website themes template](https://1.bp.blogspot.com/-p7zqhB8x_x0/YCabIdBieZI/AAAAAAAAM00/pBp3Kb4_0rsO6E_ZSQa6FQX62NpxXsRSwCLcBGAsYHQ/s2564/free%2Breact%2Btemplate%2Bthemes%2Bwebsite%2Bfor%2Blearn%2Breact%2B%25281%2529.png) 33 | 34 | Home page 35 | 36 | ![React Bootstrap free download source code gratis website themes template](https://1.bp.blogspot.com/-_W0t0YFcb9U/YCabJct3oAI/AAAAAAAAM08/OZFXWDbi1xU-LvbsBKUMSJcSoWctGCm4gCLcBGAsYHQ/s2048/free%2Breact%2Btemplate%2Bthemes%2Bwebsite%2Bfor%2Blearn%2Breact%2B%25285%2529.png) 37 | 38 | Website page area 39 | 40 | ![React Bootstrap free download source code gratis website themes template](https://1.bp.blogspot.com/-6KfYrMICV-c/YCabJ3TYqLI/AAAAAAAAM1A/vce_NZP_cM4nv1NazhPFcMXtlyDwv5Z4ACLcBGAsYHQ/s2856/free%2Breact%2Btemplate%2Bthemes%2Bwebsite%2Bfor%2Blearn%2Breact%2B%25286%2529.png) 41 | 42 | Get start page 43 | 44 | ![React Bootstrap free download source code gratis website themes template](https://1.bp.blogspot.com/-kOFtwvpqao4/YCabItEansI/AAAAAAAAM0w/4poeQ6Dx-lcLxs3grocjHm1aFwNhDQ8lACLcBGAsYHQ/s2048/free%2Breact%2Btemplate%2Bthemes%2Bwebsite%2Bfor%2Blearn%2Breact%2B%25282%2529.png) 45 | 46 | App page area 47 | 48 | ![React Bootstrap free download source code gratis website themes template](https://1.bp.blogspot.com/-0chah2hyGw0/YCabJQXo5YI/AAAAAAAAM04/Vy5nOjF0NHIof5MOfEYuDcyA_Mv8HnMcgCLcBGAsYHQ/s1364/free%2Breact%2Btemplate%2Bthemes%2Bwebsite%2Bfor%2Blearn%2Breact%2B%25284%2529.png ) 49 | 50 | Contact Page 51 | 52 | ![React Bootstrap free download source code gratis website themes template](https://1.bp.blogspot.com/-W4qGku5l4O8/YCabITSjYxI/AAAAAAAAM0s/cGyuE8icoYYDyqXTJ4yBPrs6MoLVDNuJwCLcBGAsYHQ/s1349/free%2Breact%2Btemplate%2Bthemes%2Bwebsite%2Bfor%2Blearn%2Breact%2B%25283%2529.png) 53 | 54 | Navbar header menu 55 | 56 | -------------------------------------------------------------- 57 | 58 | Develope using react and bootstrap 59 | 60 | By default we have develope 10 page 61 | + Home page area 62 | + Menu one Area 63 | + Menu two area 64 | + Menu one information 65 | + Menu two information 66 | + Galerry video menu one 67 | + Galerry video menu two 68 | + Website info area 69 | + Order Area 70 | + Contact Page Area 71 | 72 | Navbar header menu 73 | 74 | Footer breadcumb 75 | 76 | ------------------------------------------------------------------ 77 | 78 | Update New : 79 | + SEO optimation ready with helmet 80 | + Title page 81 | + Description Page 82 | + Facebook Card 83 | + Twitter Card 84 | 85 | Screen shoot SEO tag on another react page 86 | 87 | ![SEO react](https://1.bp.blogspot.com/-oHfRV4Roz0c/YCku94cb72I/AAAAAAAAJ_I/2Qi7dH-0oKEYzbB7q_7uS02eNuwjKdNxgCLcBGAsYHQ/s16000/seo%2Breact.png) 88 | 89 | -------------------------------------------------------------- 90 | 91 | Tips for configuration SEO on this react website 92 | 93 | [https://www.hockeycomputindo.com/2021/02/bootstrap-react-free-download-website.html](https://www.hockeycomputindo.com/2021/02/bootstrap-react-free-download-website.html) 94 | 95 | ------------------------------------------------------------ 96 | 97 | How to install : 98 | + need npm node 99 | + npm install -g cli-react 100 | + Download source code 101 | + npm install 102 | + npm start 103 | + open localhost:3000 104 | 105 | ----------------------------------------------------------- 106 | 107 | Test demo [https://laravelapp.vercel.app/](https://laravelapp.vercel.app/) 108 | 109 | Dark mode Premium test drive here [https://lavapos.vercel.app/](https://lavapos.vercel.app/) 110 | 111 | Documentation installation and live source code 112 | [https://www.hockeycomputindo.com/2021/02/bootstrap-react-free-download-website.html](https://www.hockeycomputindo.com/2021/02/bootstrap-react-free-download-website.html) 113 | 114 | Video demo [play video](https://youtu.be/JoV7xBUvVfU) 115 | 116 | ------------------------------------------------------------- 117 | 118 | 119 | ### Buy me a coffee ☕️ ❤️ ✌🏻 120 | 121 | [Paypall](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JVZVXBC4N9DAN) [Gumroad](https://creativitaz.gumroad.com/l/coffee) [Github Sponsor](https://github.com/sponsors/mesinkasir) 122 | 123 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-pos-web", 3 | "version": "2.1.2", 4 | "private": true, 5 | "dependencies": { 6 | "bootstrap": "4.6.0", 7 | "jquery": "3.5.1", 8 | "popper.js": "1.16.1", 9 | "react": "17.0.1", 10 | "react-dom": "17.0.1", 11 | "react-helmet": "^6.1.0", 12 | "react-router-dom": "5.2.0" 13 | }, 14 | "scripts": { 15 | "start": "react-scripts start", 16 | "build": "react-scripts build", 17 | "test": "react-scripts test --env=jsdom", 18 | "eject": "react-scripts eject" 19 | }, 20 | "devDependencies": { 21 | "react-scripts": "latest" 22 | } 23 | } -------------------------------------------------------------------------------- /public/google7205e8d81ab78b75.html: -------------------------------------------------------------------------------- 1 | google-site-verification: google7205e8d81ab78b75.html -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Aplikasi kasir , aplikasi toko shop store, aplikasi restoran cafe rumah makan website app 9 | 12 | 14 | 17 | 19 | 22 | 25 | 26 | 28 | 29 | 30 | 31 | 33 | 35 | 38 | 39 | 40 | 41 | 43 | 46 | 48 | 49 | 50 |
51 | 52 | 53 | -------------------------------------------------------------------------------- /src/Aplikasitoko.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Start1 from "./slug/Start1"; 4 | import Start2 from "./slug/Start2"; 5 | import Start3 from "./slug/Start3"; 6 | 7 | const Toko = () => ( 8 |
9 | 10 | 14 | Aplikasi Toko 15 | 19 | 23 | 24 | 28 | 29 | 33 | 37 | 38 | 39 | 40 | 44 | 48 | 49 | 53 | 54 | 58 | 59 | 63 | 67 | 68 | 69 | 70 |
71 |
72 | 73 | 74 | 75 |
76 |
77 |
78 | ); 79 | 80 | export default Toko; 81 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Header from "./Header"; 3 | import Main from "./Main"; 4 | import Footer from "./Footer"; 5 | 6 | const App = () => ( 7 |
8 |
9 |
10 |
11 |
12 |
14 | ); 15 | 16 | export default App; 17 | -------------------------------------------------------------------------------- /src/Bioskop.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Phone from "./demo/Phone"; 4 | import Admin from "./demo/Admindemo"; 5 | import Kons from "./slug/Kons"; 6 | 7 | const Bioskop = () => ( 8 |
9 | 10 | 14 | Keren nya aplikasi restoran ini lihat video nya disini 15 | 19 | 23 | 27 | 31 | 35 | 39 | 43 | 44 | 48 | 49 | 53 | 57 | 61 | 65 | 66 | 70 | 71 | 75 | 79 | 83 | 84 | 85 | 86 | 87 | 88 |
89 | ); 90 | 91 | export default Bioskop; 92 | -------------------------------------------------------------------------------- /src/Cafe.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Pembelian from "./slug/Pembelian"; 4 | import Produk from "./slug/Produk"; 5 | import Penjualan from "./slug/Penjualan"; 6 | import Retur from "./slug/Retur"; 7 | import Yok from "./slug/Yok"; 8 | import Laporan from "./slug/Laporan"; 9 | 10 | const Cafe = () => ( 11 |
12 | 13 | 17 | Lihat cara penggunaan Aplikasi Restoran 18 | 22 | 26 | 30 | 34 | 38 | 42 | 46 | 47 | 51 | 52 | 56 | 60 | 64 | 68 | 69 | 73 | 74 | 78 | 82 | 86 | 87 | 88 |
89 |
90 | 91 | 92 | 93 | 94 | 95 | 96 |
97 |
98 |
99 | ); 100 | 101 | export default Cafe; 102 | -------------------------------------------------------------------------------- /src/Contact.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Celuk from "./slug/Celuk"; 4 | const Contact = () => ( 5 |
6 | 7 | 11 | Hubungi kasir online apps 12 | 16 | 17 | 18 |
19 | ); 20 | 21 | export default Contact; 22 | -------------------------------------------------------------------------------- /src/Demo.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Mobile from "./demo/Mobile"; 4 | import Kasir from "./demo/Kasirdemo"; 5 | import Kons from "./slug/Kons"; 6 | 7 | const Demo = () => ( 8 |
9 | 10 | 14 | Begini nih cara menggunakan aplikasi toko 15 | 19 | 23 | 27 | 31 | 35 | 39 | 43 | 44 | 48 | 49 | 53 | 57 | 61 | 65 | 66 | 70 | 71 | 75 | 79 | 83 | 84 | 85 | 86 | 87 | 88 |
89 | ); 90 | 91 | export default Demo; 92 | -------------------------------------------------------------------------------- /src/Footer.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Sikil from "./slug/Sikil"; 3 | const Footer = () => ( 4 |
5 | 6 |
7 | ); 8 | 9 | export default Footer; 10 | -------------------------------------------------------------------------------- /src/Header.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Endas from "./slug/Endas"; 3 | 4 | const Header = () => ( 5 |
6 | 7 |
8 | ); 9 | 10 | export default Header; 11 | -------------------------------------------------------------------------------- /src/Home.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Aseloley from "./slug/Aseloley"; 4 | import Asereje from "./slug/Asereje"; 5 | import Aloha from "./slug/Aloha"; 6 | import Cinema from "./demo/Cinema"; 7 | const Home = () => ( 8 |
9 | 10 | 14 | 15 | Aplikasi kasir , aplikasi toko shop store, aplikasi restoran cafe rumah 16 | makan website app 17 | 18 | 22 | 26 | 30 | 34 | 38 | 42 | 43 | 47 | 52 | 53 | 57 | 61 | 65 | 69 | 70 | 74 | 75 | 79 | 83 | 87 | 88 | 89 | 90 | 91 | 92 | 93 |
94 | ); 95 | 96 | export default Home; 97 | -------------------------------------------------------------------------------- /src/Kasir.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Kepala from "./slug/Kepala"; 4 | import Login from "./slug/Login"; 5 | import Datas from "./slug/Datas"; 6 | import Dashboard from "./slug/Dashboard"; 7 | import Supplier from "./slug/Supplier"; 8 | import Kategori from "./slug/Kategori"; 9 | import Yuk from "./slug/Yuk"; 10 | 11 | const Kasir = () => ( 12 |
13 | 14 | 18 | Fitur aplikasi toko software program toko 19 | 23 | 27 | 31 | 35 | 39 | 43 | 47 | 48 | 52 | 53 | 57 | 61 | 65 | 69 | 70 | 74 | 75 | 79 | 83 | 87 | 88 | 89 |
90 |
91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 |
99 |
100 |
101 | ); 102 | 103 | export default Kasir; 104 | -------------------------------------------------------------------------------- /src/Layanan.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Info from "./slug/Info"; 4 | import Standard from "./slug/Standard"; 5 | import Premium from "./slug/Premium"; 6 | import Basic from "./slug/Basic"; 7 | import Price from "./slug/Price"; 8 | const Order = () => ( 9 |
10 | 11 | 15 | Daftar harga price list mesin kasir online 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 45 | 49 | 50 | 54 | 58 | 62 | 66 | 67 | 71 | 72 | 76 | 80 | 84 | 85 | 86 |
87 |
88 | 89 |
90 |
91 |
92 | 93 |
94 |
95 |
96 |
97 | 98 |
99 |
100 |
101 |
102 | 103 |
104 |
105 |
106 |
107 | 108 |
109 |
110 |
111 |
112 | ); 113 | 114 | export default Order; 115 | -------------------------------------------------------------------------------- /src/Main.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Switch, Route } from "react-router-dom"; 3 | import Home from "./Home"; 4 | import Contact from "./Contact"; 5 | import Kasir from "./Kasir"; 6 | import Aplikasitoko from "./Aplikasitoko"; 7 | import Demo from "./Demo"; 8 | import Layanan from "./Layanan"; 9 | import Web from "./Web"; 10 | import Cafe from "./Cafe"; 11 | import Resto from "./Resto"; 12 | import Bioskop from "./Bioskop"; 13 | const Main = () => ( 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | ); 29 | 30 | export default Main; 31 | -------------------------------------------------------------------------------- /src/Resto.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Kitchen1 from "./slug/Kitchen1"; 4 | import Kitchen2 from "./slug/Kitchen2"; 5 | import Kitchen3 from "./slug/Kitchen3"; 6 | 7 | const Resto = () => ( 8 |
9 | 10 | 14 | Aplikasi Restoran Cafe Rumah makan 15 | 19 | 23 | 24 | 28 | 29 | 33 | 37 | 38 | 42 | 43 | 47 | 51 | 55 | 59 | 60 | 64 | 65 | 69 | 73 | 74 | 75 | 76 |
77 |
78 | 79 | 80 | 81 |
82 |
83 |
84 | ); 85 | 86 | export default Resto; 87 | -------------------------------------------------------------------------------- /src/ScrollToTop.js: -------------------------------------------------------------------------------- 1 | import { useEffect } from "react"; 2 | import { withRouter } from "react-router-dom"; 3 | 4 | function ScrollToTop({ history }) { 5 | useEffect(() => { 6 | const unlisten = history.listen(() => { 7 | window.scrollTo(0, 0); 8 | }); 9 | return () => { 10 | unlisten(); 11 | }; 12 | }, []); 13 | 14 | return null; 15 | } 16 | 17 | export default withRouter(ScrollToTop); 18 | -------------------------------------------------------------------------------- /src/Web.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Helmet } from "react-helmet"; 3 | import Webslug1 from "./slug/Webslug1"; 4 | import Variant from "./slug/Variant"; 5 | import Laravel from "./slug/Laravel"; 6 | 7 | const Website = () => ( 8 |
9 | 10 | 14 | Pembuatan website 15 | 19 | 23 | 24 | 28 | 29 | 33 | 37 | 38 | 39 | 40 | 44 | 48 | 49 | 53 | 54 | 58 | 59 | 63 | 67 | 68 | 69 | 70 | 71 | 72 | 73 |
74 | ); 75 | 76 | export default Website; 77 | -------------------------------------------------------------------------------- /src/demo/Admindemo.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | const Admindemo = () => ( 3 |
4 |
5 |