Challenge: Statamic

Introduction

Purpose: This challenge is part of your application process at SocyList. The focus is not only on task completion but also on how well you communicate your process and planning. So before you start, read all the steps carefully and answer the questions below for yourself:-

Pre-task Questions:

1. What is the (end) goal?
2. What do I already understand, and what needs further information?
>>>Communicate your schedule before you actually start!

Required Software

List of Tools:
To complete this challenge, you’ll need the following software:

1. XAMPP / MAMP / LAMP: A local web environment for PHP development.
2. Composer: A dependency manager for PHP. Composer Installation Windows.
3. Visual Studio Code (or another IDE).

Instructions

Setup Steps

1. Install Statamic
- Follow Statamic Installation Instructions or refer to this YouTube tutorial for guidance.
2. Install Freebird Theme
- Visit the Freebird theme page to download and install the theme.

Required Steps

Step-by-step instructions based on the specific tasks:

1. Create SPA: a simple, modern, one-page website (Single Page Application) that showcases the product for SocyList
- Design a clean and minimalistic layout with a modern look and feel.
2. Add a contact form with CAPTCHA
- Use Statamic Forms documentation & integrate CAPTCHA following the Statamic CAPTCHA Add-on for spam prevention.

Testing Requirements

3. Ensure that the webpage displays properly across different devices.
4. Test the contact form to confirm it functions and that CAPTCHA works effectively.

Optional Steps

Consider adding advanced implementations or improvements, like:-

5. Additional Subcomponents: Add dynamic elements or animations.
6. Error Handling: Ensure error messages display for form validation.
7. Performance Optimization: Use lazy loading or image optimization for faster load times.

Submission Steps

-> Submit via WeTransfer: Deliver the complete project as a downloadable file on WeTransfer.
-> Include all required files: like code, tests, screenshots, & any other relevant documentation.

Good luck!