View Live Site
Github

Our team were commissioned by WoodlandConsulting LLC to create an interactive website to increase web visibility and bring in new leads. We worked with the owner Jessica Walther to identify Woodland Consulting's needs and brand while researching her competitors to understand the lighting field and where we could add features to set her business apart. The final website features an intuitive and simple admin dashboard for retrieving messages and updating information on the site, while the client side display's her work with a focus on the breadth and depth of her experience.

• HomePage Features: randomized testimonial chosen on the admin page, brief about section, links to key features on the site, contact form.
• About Features: sections about Jessica and Woodland Consulting.
• Maps Features: Google Map Interface showing WoodlandConsulting project locations with pop-up information on click about chosen projects.
• Works: Features quote, gallery with modals, and list of clients-by-project type.
• Contact: Features contact form with validation that displays on admin page upon submit.
• Admin Page: Password protected page that shows all submitted forms to the website, cards for updating homepage testimonials and personal contact information.
• Other: Sensitive API key-protection, JWT authentication, PWA, Queries and mutations for retrieving/adding/updating and deleting data, Animations with React Spring

• When a user goes to the site they see a testimonial about Woodland Consulting LLC and links to features on the site. Upon scrolling down they can find information about Woodland Consulting, a link to the maps page and a way to contact Jessica directly.
• When they chose About from the header menu, they are taken to another page where they can learn more about both Jessica and Woodland Consulting.
• When a user clicks on the Maps page, they can see all locations on Jessica’s past jobs. When they click on the job they can view a popup stating the job and category.
• When they click on Portfolio, they can view a selection of gallery images of works. When they scroll over and image, the project name and type become visible. * When the image is clicked, a modal is displayed with a larger image and more information. Upon a second click the modal is closed. Upon scrolling down the page, the user can view a list of all jobs by category.
• When the user selects Contact from the menu, they are taken to a form when're they can send questions, quote requests, testimonials and comments.
• When they click on the links in the footer they can see more of Jessica’s work and details on other sites.

• When an admin visits the hidden admin login page, they can provide their login credentials. Once logged in, they are taken to the admin portal, where they can see user messages, update the testimonial on the homepage, and update their contact information in the footer.
• When they view messages, they can select to delete old messages.
• When they scroll down they can view testimonial options that are randomly selected for the home screen. When they click the button they are presented with a modal to update the testimonial information.
• When they scroll down further, they are presented with the current contact information for the footer. When they click on the button a modal pops up where they can edit the information.
• When they are done, they can logout and view the rest of the site to view changes.

Download files from this github repo. Instal React & additional node modules via npm install in root, server, and client folders.

We are operating with an MIT license, for more information see the full language

Please follow the standard Contributor Covenant when looking to make any additions to this project. The Standard Contributor Covenant can be found at https://www.contributor-covenant.org/

• email: [email protected]
• github: https://github.com/cgsdesign

• email: [email protected]
• github: https://github.com/MarynaPR

• email: [email protected]
• github: https://github.com/jgrossh2

• email: [email protected]
• github: https://github.com/SMKrizan