Skip to content

HandriAsyrafi/Wide-Frontend-Test

Repository files navigation

React.js Technical Test

This project is a React.js application built as part of a technical test.
It demonstrates key React concepts such as state management, form handling with validation, API integration, and routing.


Features

  1. Counter Component – Increment/Decrement functionality with a minimum value of zero.
  2. Form Handling & Validation – Name, Email, Password, and Confirm Password fields with proper validations.
  3. API Integration – Fetches data from JSONPlaceholder and displays todo title.
  4. Routing – Multi-page application with Home and About routes, including navigation links.
  5. Responsive Layout (Bonus) – Adjusts layout between desktop and mobile for better user experience.

Pages Overview

  1. Home Page
  • Displays Counter component
  • Contains Form with validations
  • Shows fetched API data
  1. About Page
  • Simple page with navigation link back to Home

Getting Started

Follow the steps below to set up and run the project locally:

Clone the Repository

git clone https://github.com/<your-username>/<your-repo-name>.git
cd <your-repo-name>

Install Dependencies

  npm install

Run the Development Server

  npm run dev

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors