https://github.com/denishrana09/online-portrait-react-app
https://github.com/denishrana09/online-portrait-react-app
emailjs node-sass react react-ga react-helmet reactjs spa
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/denishrana09/online-portrait-react-app
- Owner: denishrana09
- Created: 2019-12-12T17:51:18.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-05-07T12:47:18.000Z (almost 2 years ago)
- Last Synced: 2025-02-12T17:51:36.326Z (3 months ago)
- Topics: emailjs, node-sass, react, react-ga, react-helmet, reactjs, spa
- Language: JavaScript
- Homepage:
- Size: 3.09 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Features
- Google Analytics by [react-ga](https://www.npmjs.com/package/react-ga "react-ga")
- SEO by [react-helmet](https://www.npmjs.com/package/react-helmet "react-helmet")
- Email Form data by [emailjs](https://www.emailjs.com)
- Easy deployment on [netlify](https://www.netlify.com/)
- Styling using [react-bootstrap](https://www.npmjs.com/package/react-bootstrap) and [SASS](https://sass-lang.com/documentation/syntax) used
- Routing using [react-router](https://www.npmjs.com/package/react-router)
- It is responsive!
### Run locally
`$ npm install`
continuosly watch SASS file changes `$ npm run watch:sass`
this will make **main.css** files that is imported in **index.js**
in other terminal `$ npm run start`
For EmailJS thing, you need to get EmailJS UserId.
Paste it in public/index.html -> emailjs.init(paste here) or set that key in .env file or set it in Netlify Environment variable(I did this)
### Deployment
in public folder, **_redirects** file is already there because without that, react routing will not work on netlify
### Why such things
You can get how much time people spend on particular page, on which button they click, what is the most often page peope visits on your webstie and more than that - all you can do with react-ga(**google analytics**)
You can add meta title, descriptions, keywords, tags using react-helmet, trust me, it will boost your site **SEO** even for **SPA**!
Prefer using [sass-boilerplate](https://github.com/HugoGiraudel/sass-boilerplate), it has main.scss file that has imports of all other SASS files. SASS is a very powerful thing. You may want to read [sass-guidelines](https://sass-guidelin.es/) to get most out of it.
## Like my work?
You can support me on Patreon on this Link or
 on this [Link](https://paytm.business/link/20862/LL_11597787)