Gradi Web Technical Test

Project Overview

This project is a technical test for Gradi Web, where the task is to create a layout using HTML5, JavaScript, and SASS. The structure of this project allows us to build a user interface (UI) similar to the provided design resource. DEMO : https://technical-test-gradi-web.vercel.app/

Table of Contents

• Installation
• Usage
• Project Structure
• Technologies Used
• Features

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/gradi-web-technical-test.git

2. Navigate to the project directory:

   cd gradi-web-technical-test

3. Install dependencies:

   npm install

Usage

To run and view the JavaScript project in your browser using Visual Studio Code:

1. Open the project in Visual Studio Code.
2. Click on the "Go Live" button at the bottom right corner of the editor.
3. This will start a development server and open the project in your default web browser.

Technologies Used

• HTML5: For structuring the content.
• JavaScript (ES6): For implementing functionality.
• SASS (SCSS): For styling the layout.

Features

• Responsive design that adapts to various screen sizes.
• Structured HTML5 layout for easy readability and maintenance.
• Modular SASS stylesheets for scalability and flexibility.
• Vanilla JavaScript for dynamic interactions.