Vite React TypeScript Chakra Apollo Project

This project is a sample web application built with Vite, React, TypeScript, Chakra UI, and Apollo Client as part as a technical test for TIG.

Table of Contents

• Installation
• Usage
• Project Structure
• Technologies Used
• GraphQL API

Installation

1. Clone the repository:

   git clone https://github.com/madeinspace/tig-test.git
   

2. Navigate to the project folder:

   cd tig-test
   

3. Install dependencies:

   npm install
   

Usage

1. Start the development server:

   npm run dev
   

Open http://localhost:5173 to view the local build. NB: Vite requires Node 18+ version.

Project Structure

• src/: Source code.
• components/: React components.
• data/: GraphQL queries, types, and Apollo Client setup.
• utils/: Utility functions and Chakra UI theme.

Technologies Used

• Vite: Frontend build tool.
• React: JavaScript library for building user interfaces.
• TypeScript: Superset of JavaScript with static types.
• Chakra UI: React component library.
• Apollo Client: GraphQL client.

GraphQL API

This project uses a GraphQL API for data. You can find the GraphQL queries in the data/queries.ts file and configure the Apollo Client in data/apollo.ts.