This is a project for the Orchard Interview. It displays two components with images and a few paragraphs of text.
The project is built using React.js, TypeScript, and Tailwind CSS.
React was chosen because of the ease of use, my familiarity with it, and the ability to create reusable components, it also has a large community and a lot of resources available which could have helped in case I needed to add more interactivity to the project.
Typescript was chosen because of the ability to catch errors at compile time and the ability to create type definitions for the project.
Tailwind CSS was chosen because of its ease of use, my familiarity with it and because it can help prototype much faster.
I also added prettier to the project, which helps me stay focused on the code and not get distracted by the formatting.
To run this project, you need to have Node.js and pnpm installed. Then run the following commands in a terminal for a development server:
pnpm install
pnpm devor for a production build:
pnpm install
pnpm build
pnpm previewUse docker to deploy this app locally using the folling command
docker compose upYou can deploy this project to any hosting provider that can deploy static HTML and JavaScript files. Here are a few options:
