• Webpage for Beyond Services LLC general contracting business. Users will be able to view services offered by Beyond Services, see a photo gallery of completed past projects, contact Beyond Services via online contact form and leave a testimonial about the contracted services on the customer testimonials page.
• The owner of the business is able to manage the submitted testimonials on a custom built CMS from the admin dashboard. They are able to choose if a testimonial should be displayed on their webpage or if they would prefer to discard it.

git clone [email protected]:melxincognito/beyond-service-llc.git
cd beyond-service-llc
npm i

touch .env

REACT_APP_FIREBASE_API_KEY
REACT_APP_FIREBASE_AUTH_DOMAIN
REACT_APP_FIREBASE_PROJECT_ID
REACT_APP_FIREBASE_STORAGE_BUCKET
REACT_APP_FIREBASE_MESSAGING_SENDER_ID
REACT_APP_FIREBASE_APP_ID
REACT_APP_FIREBASE_DATABASE_URL
REACT_APP_EMAIL_JS_SERVICE_ID
REACT_APP_EMAIL_JS_TEMPLATE_ID
REACT_APP_EMAIL_JS_USER_ID

npm start

Open your browser to localhost:3000 to view the application locally

Dependencies List:

• react 17.0.2
• react-router-dom 6.2.1
• react-slideshow-image
• @emotion/react
• @emotion/styled
• @mui/icons-material
• @mui/material
• @mui/styles
• emailjs-com
• firebase
• framer-motion
• uuid
• @testing-library/jest-dom 5.16.2
• @testing-library/react 12.1.2
• @testing-library/user-event 13.5.0

Mobile Galleries

• There are currently five mobile galleries being displayed on the site. The data for each f these galleries is found in the data folder with each JSON file named after its associated gallery.
• The items data isn't being pulled from firebase because it doesn't render correctly when used with the Lightbox component being used for the mobile image gallery. The first photo is displayed correctly but it doesn't switch to the other photos using the toggle controls unless it's being pulled directly from the JSON file in the data folder.
• Current Mobile Galleries:
• AirBnb Gallery
• Bathroom Gallery
• Kitchen Gallery
• Ramada Gallery
• Misc Gallery