Jacobi Robotics Front-End Test

This is a simple front-end project created for the Jacobi Robotics front-end test. The project is built with React, TypeScript, and TailwindCSS, and it demonstrates the process of converting a Figma design into a responsive React application.

Project Overview

The project is a basic contact page that includes various React components styled with TailwindCSS for responsiveness and custom styles. TypeScript ensures type safety throughout the codebase, providing a robust development experience.

Project Structure

• figma_mock/
  • src/
    • components/ # Reusable React components (MenuItem, ContactForm, ContactInfo)
    • pages/ # Main page components (Contact)
    • App.tsx # Main application component
    • index.tsx # Entry point of the React application
  • tailwind.config.ts # TailwindCSS configuration file
  • tsconfig.json # TypeScript configuration file
  • package.json # Project metadata and scripts
  • README.md # Project documentation

Installation

Prerequisites

• Node.js (v14 or newer recommended)
• npm or yarn

Steps to Set Up

1. Navigate to the project directory:

cd react-typescript

2. Install dependencies:

npm install

or

yarn install

3. Start the development server:

npm start

or

yarn start

Submitted by Mark :-)