Autocomplete Example

This project is a showcase to a real world autocomplete input text example

Setup and Run the Application

Prerequisites

Make sure you have the following installed:

• Node.js
• pnpm

Installation

1. Clone the repository:

git clone https://github.com/basic-steve/autocomplete-example.git
cd autocomplete-example

2. Install dependencies:

pnpm i

Running the Application

To start the development server, run:

pnpm dev

This will start the Vite development server and you can view the application at http://localhost:5173 or first available port on your system.

Building for Production

To build the application for production, run:

pnpm build

The output will be in the dist directory.

Previewing the Production Build

To preview the production build locally, run:

pnpm preview

Tools and Libraries Used

• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
• Vite: A fast build tool and development server.

Assumptions and Design Decisions

• CSS modules: Chosen for their flexibility, providing a modular and scoped approach to styling
• Data validation: Checking data integrity to make sure api data resembles typing and avoiding stability issues.