10up Front-end Engineering Technical Challenge

This project contains the code implementation for the 10up Front-end Engineering Technical Challenge.

Table of Contents

1. About the project
2. Build with
3. Getting Started
   1. Prerequisites
   2. Run Locally
4. Usage
   1. Demo
5. Authors
6. Color reference
7. License
8. Acknowledgements
9. About Me

---

About the project

The progress is part of 10up screening process for senior front-end engineer.

Build With

• Docker
• WordPress 6.2
• PNPM
• MySQL
• PHP

Getting Started

To get started ensure that you have all the technologies above set in place in your local machine. The project is enabled to use https by default. Docker already enable all certificates, requring only the installation of mkcert. SSL is not mandatory in order to the application work.

Prerequisites

• Docker
• PNPM
• mkcert

Run Locally

Clone the repository and navigate to folder and:

1. Install dependencies

docker compose up

2. Install React App depencencies

cd react-app ; pnpm i

3. Start the server

pnpm dev

Usage

Front-end

Hit the address: https://10up-frontend-challenge.dev:5173 or http://localhost:5173

Backend (CMS)

For access admin hit https://10up-frontend-challenge.dev/wp-admin/ with the credentials:

Username: admin
Password: 10challengepass

Demo

demo.mov

Project scripts available

Test suite coverage

Code Authors

• @juniovitorino

Color Reference

Color Location	Color	Hex
Content text		#081523
Hero eyebrow text		#01FDAB
White panel eyebrow text		#0262F0
Menu and footer background		#010203
Hero Background Gradient		#091523 ~> #0E253F

License

This project is under MIT licensing.

Acknowledgements

Add Acknowledgements.

🚀 About Me

With a diverse and extensive 20-year career as a Senior Software Engineer, I have honed my engineering expertise to create seamless, responsive, and user-centric web applications. My strong foundation in Google Cloud services and CI/CD best practices have enabled me to optimize development workflows, ensuring consistent, high-quality deliverables for clients and organizations.

I have worked on numerous projects throughout my career, collaborating with cross-functional teams to create innovative and scalable solutions. My in-depth knowledge of web technologies and commitment to staying current with the latest industry trends make me a valuable asset to any team.

Key skills & expertise:

• Expert in Node, Typescript, React and Ruby on Rails;
• Strong knowledge of Google Cloud services and infrastructure;
• Proficient in Continuous Integration and Continuous Deployment (CI/CD) methodologies;
• Excellent collaboration and communication skills;
• Adept at problem-solving, debugging, and optimization;
• Passion for learning and adapting to new technologies and tools;

As a seasoned Senior Software Engineer, I am committed to leveraging my diverse skill set and experience to drive technology projects to successful completion. I am always eager to tackle new challenges, collaborate with teams, and contribute to the ever-evolving world of software engineering.

For more please visit my LinkedIn.