R & S Constructions is a full-service residential design and build remodeling firm in Maryland. Specializing in new construction, custom home building and residential renovations. Dream big, dream small or dream one project at a time. R & S Constructions has a diverse team of qualified professionals that can bring your vision to life. We have been in business for over 6 years and strive toward sustainable, eco-friendly construction using best practices. Our home remodeling contractors offer complete home remodeling, additions and alterations, kitchen remodeling, bathroom remodeling, basement finishing and much more for homes in Maryland. R & S Constructions is a fully licensed and insured Certified General Contractor in the State of Maryland (MHIC #05-136714).
Domain: https://randsconstructions.com/
This fully responsive website is built using HTML, JavaScript and CSS using the React JavaScript Framework.
URL: https://www.hostinger.com/
Business Shared Hosting Plan Includes:
- Domain
- Domain Nameservers
- SSL Certificate - encrypted connection to provide security on web server
- Cloudflare Protected Nameservers
- Cloudflare CDN - speeds up and protects millions of websites, APIs, SaaS services, and other properties connected to the Internet
A sitemap is made in XML (Extensible Markup Language) and is primarily used as a way for AI to index your site easier. Search engines like Google use XML sitemaps to store your site’s pages more efficiently, producing better results when people search for related terms.
R & S Constructions Sitemap URL: https://randsconstructions.com/sitemap.xml
Posted Sitemap on Google Search Console: https://search.google.com/search-console/about
Google Search Console is a web service by Google which allows webmasters to check indexing status, search queries, crawling errors and optimize visibility of their websites.
-
Log into account -> Enter domain name of website -> Copy TXT record into the DNS configuration for https://randsconstructions.com/ in Hostinger
-
Once sitemap.xml is created go to -> Sitemaps tab -> Add a new sitemap URL and it should be good to go
- Business Shared Hosting -> Manage -> Advanced -> DNS Zone Editor -> Create DNS record
A robots.txt file tells search engines what your website's rules of engagement are. A big part of doing SEO is about sending the right signals to search engines, and the robots.txt is one of the ways to communicate your crawling preferences to search engines.
URL: https://randsconstructions.com/robots.txt
Utilized EmailJS service to allow sending emails directly from client-side JavaScript code.
EmailJS URL: https://www.emailjs.com/
Place an interactive map or Street View panorama on your web page with Maps Embed API using a simple HTTP request.
Google My Maps is a feature in Google Maps that allows its users to create custom maps for personal use or share with others.
URL: https://mymaps.google.com
EmailJS helps to send emails using client-side technologies only. No server is required – just connect EmailJS to one of the supported email services, create an email template, and use EmailJS's Javascript library to trigger an email.
Installation for dependency: npm install @emailjs/browser
In contrast, the fontawesome-svg-core package is for more specialized situations or for forming the underlying API to power other components or libraries.
Installation for dependency: npm install @fortawesome/fontawesome-svg-core
Installation for dependency: npm install @fortawesome/free-brands-svg-icons
Installation for dependency: npm install @fortawesome/free-solid-svg-icons
Font Awesome is a toolkit for websites that provides icons and social logos. React is a coding library that is used for creating user interfaces. While the Font Awesome team has made a React component to promote integration.
Installation for dependency: npm install fortawesome/react-fontawesome
Modules are the blocks of encapsulated code that communicates with an external application on the basis of their related functionality. Modules can be a single file or a collection of multiples files/folders.
Installation for dependency: npm install node-modules
This package serves as the entry point to the DOM and server renderers for React. It is intended to be paired with the generic React package, which is shipped as react to npm.
Installation for dependency: npm install react-dom
React Helmet Async is a component which lets you control your document head using their React component. With this plugin, attributes you add in their component, e.g. title, meta attributes, etc. will get added to the static HTML pages Gatsby builds.
Installation for dependency: npm install react-helmet-async
React Router DOM enables you to implement dynamic routing in a web app. Unlike the traditional routing architecture in which the routing is handled in a configuration outside of a running app, React Router DOM facilitates component-based routing according to the needs of the app and platform.
Installation for dependency: npm install react-router-dom@6
react-scripts are simply scripts to run the build tools required to transform React JSX syntax into plain JavaScript programmatically
Installation for dependency: npm install react-scripts
Styled-components is a popular library that is used to style React applications. It allows you to build custom components by writing actual CSS in your JavaScript.
Installation for dependency: npm install styled-components
Web Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web. Google has provided a number of tools over the years to measure and report on performance.
Installation for dependency: npm install web-vitals
This project was bootstrapped with Create React App. Only occurence of bootstrap that is being used for this website build.
In the project directory, you can run:
Runs the app in the development mode.
Open 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.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can't go back!
If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify