AviDuda / job-assignment-bohemia-interactive-02

Store made in Next.js for a job assignment. Got the job, the company sucks.

Bohemia Interactive job assignment 02

Code for the second of two assignments for a front-end React developer position at Bohemia Interactive for the Back Office HR tool.

Assignment

Create a PoC of the e-commerce solution. One of our clients wants to have an application where he could sell images and artworks. He gave us designs and we need to transfer his vision to real code.

Assignment details are in assignment.md.

Getting Started

Install packages with:

pnpm install
# or
npm install
# or
yarn install

Run the development server:

pnpm run dev
# or
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Updating store products

If you want to quickly randomize data, run pnpm run convert (or equivalent). If you want to dig deeper into this, docs are in lib/convert-data.ts.

Stack

• Next.js bootstrapped with create-next-app
• TypeScript for less headaches
• unstated-next for nicer React Context
• clsx for conditional classNames
• react-virtuoso for rendering large lists
• ESLint + Prettier
  • eslint-plugin-import for import order
  • eslint-plugin-json-files for package.json order
• Tailwind CSS + PostCSS + autoprefixer + PurgeCSS
• SpinKit loading spinner
• pnpm (optional but recommended instead of NPM)

The site honors prefers-color-scheme because choice is good.