SwiftFix is a reliable and efficient repair and maintenance company dedicated to providing top-notch services for all your repair needs. We specialize in a wide range of services, including appliance repair, plumbing, electrical work, HVAC maintenance, and more. Our team of skilled professionals is committed to delivering prompt, high-quality services to ensure your satisfaction and peace of mind.🔨🔧🧰
- Responsive design
- Fully function Contact Form
- Reactive design
- Home Page
- Contact Page
- About Page
- Services Page
- Client Side form validation
- Google recaptcha v2
- Accordion
- Burger Menu
- Interactive UI
- Dropdown menu
- Search and button modals
- Testimonials slider
Full Stack Engineer
You can check the Jira tasks and workflow here:
Update: Jira tasks seem to have pulled a Houdini and disappeared into the depths of Jira's mysterious realm! 🎩✨ #TaskVanishingAct
You can check the Swiftfix Figma Wireframe here:
You can check out the live demo here:
Note: This version is only for demonstration perposes and is not production-ready nor is it optimized for live-use, and it doesn't include all features like contact form functionality. If you wish to experience the full swiftfix website experience please see the instructions below on how to install this project locally on your machine.
- clone the repository
git clone https://github.com/yassirelkhaili/Swiftfix.git- cd peoplepertask
cd swiftfix- type npm install command in the terminal to install all the project dependencies + npm install (-g optional) typescript to install typescript
npm install- when done, type npm start in order to start the compilation process for typescipt then cd middleware then type npm install to install backend dependencies then npm start to start the backend server using nodemon
npm start
npm install- create a .env file in ./middleware you have to provide your own credentials for the following required fields (this is necessary for the contact form to function properly)
RECAPTCHA_SERVER_KEY 'server key generated from google recaptcha v2 developer dashboard'
process.env.SMTP_HOST 'and email address or smtp host depending on smtp service used'
process.env.SMTP_PASS "smtp password (App_key if using google's free smtp service)"OPTIONAL:
process.env.PORT 'desired backend server port'- start the dev server using vscode's live server extension
- This Readme is being maintained by Yassir Elkhaili
- Email: elkhailiyassir@gmail.com