HelTech Online Shop

Frontend webshop built with React, TypeScript, and Vite.

🔗 Live site
HelTech online shop

📁 Project planning
GitHub Projects

---

About

This project was developed as part of a school assignment and is a collaboration between two students.

The main focus was learning modern frontend development while keeping the stack simple and using as few libraries as possible.

The application includes a complete webshop flow with several core features implemented, including global state management using Zustand.

Features

• Product listing and details
• Cart functionality
• Checkout flow with success page
• Contact page
• Routing and 404 handling

---

Tech Stack

• React
• TypeScript
• Vite
• React Router
• Zustand
• Vitest
• Testing Library
• ESLint
• Prettier

---

Getting Started

Install dependencies

npm install

Start development server

npm run dev

---

Scripts

npm run dev # development server
npm run build # production build
npm run preview # preview build
npm run test # run tests
npm run lint # lint code
npm run format # format code

---

Project Structure

• components – reusable UI
• features – pages and logic
• hooks – custom hooks
• styles – global styles
• types – TypeScript types
• utils – helper functions
• store – Zustand Store

---

Notes

• Collaboration between two developers
• Focus on learning and implementation
• Minimal use of external libraries
• Emphasis on clean structure and reusable components