Techrange – Web Development Assignment

Assignment:

Build a Frontend for a company website Using Cloud Services

Objec/ve:

This assignment aims to assess your frontend development skills and your ability to plan a full-stack
applica?on. While the primary focus is on frontend development, we also require a system design for the
full-stack architecture for planning purposes.

Requirements:

1. Frontend (Implementa?on):
- Develop a responsive web applica?on prototype using HTML, CSS, and JavaScript (preferably use
frameworks like React or Angular).
- Implement an intui?ve user interface with any one of these pages.
o Home page – with features showcasing projects, etc
o Jobs portal
o Tech blog
- Include interac?ve elements and responsive design for various devices.
- Feel free to use stock images for the purpose of this assignment.

2. System Design:
- Create a detailed system design document that outlines the architecture and components of the
frontend, backend and cloud services.
- This is for planning purposes only and you don’t have to implement for the assignment.
- Specify the choice of technology stack for the backend.
- Define the structure of the database (SQL or NoSQL) and the schema for user informa?on storage.
- Describe the cloud services and components (e.g., AWS Lambda, S3, RDS, Azure Func?ons, Azure
SQL Database) that will be used and their interac?ons.
- Explain how user authen?ca?on and authoriza?on will be implemented.
- Provide an overview of security measures, data encryp?on, and storage security.
- Outline strategies for scalability, including any caching mechanisms or database op?miza?ons.
- Include a deployment plan for hos?ng the applica?on on a cloud pla]orm (AWS or Azure).

Deadline:

You’re expected to submit the assignment within 1 week of receiving. For extensions, please reach out
to hiring@techrange.co.
Submission:

- Send the code or private repository for the frontend implementa?on.

- Provide a system design document that covers all aspects men?oned in the "System Design"
sec?on.
- Include a README.md file with clear instruc?ons on how to run the frontend locally (for
demonstra?on purposes).
- Email above to hiring@techrange.co.

Evalua/on Criteria:

Your assignment will be assessed based on the following criteria:

- Quality and func?onality of the frontend.
- Clarity and completeness of the system design document.
- Feasibility and architectural soundness of the system design.
- Proper considera?on of security and scalability.
- Documenta?on quality.

Privacy Clause:

Any data or informa?on provided as part of this assignment should be treated as confiden?al. Techrange
expects all candidates to respect data privacy and not share any sensi?ve or proprietary informa?on
outside the context of this assignment. All submiaed materials will be handled with care and used only
for evalua?on purposes.