https://github.com/roundedtoken/yacht_shop

YachtShop is a delivery order website for a yacht equipment store in Pärnu, Estonia with over 2,000 products from the world’s leading manufacturers and branded cable crimping service
https://github.com/roundedtoken/yacht_shop

adaptive-layouts create-react-app cross-platform cssmodules express i18n mssql onlinestore react redux responsive-layout scss

Last synced: 15 days ago
JSON representation

YachtShop is a delivery order website for a yacht equipment store in Pärnu, Estonia with over 2,000 products from the world’s leading manufacturers and branded cable crimping service

• Host: GitHub
• URL: https://github.com/roundedtoken/yacht_shop
• Owner: RoundedToken
• Created: 2023-03-18T11:49:50.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-11-03T16:23:37.000Z (about 1 year ago)
• Last Synced: 2024-12-19T20:10:26.660Z (15 days ago)
• Topics: adaptive-layouts, create-react-app, cross-platform, cssmodules, express, i18n, mssql, onlinestore, react, redux, responsive-layout, scss
• Language: TypeScript
• Homepage: https://yachtshop.ee/
• Size: 6.58 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [***YachtShop***](https://yachtshop.ee) 

## Descrition

[YachtShop](https://yachtshop.ee) is a delivery order website for a yacht equipment store in Pärnu, Estonia with over 2,000 products from the world’s leading manufacturers and branded cable crimping service

## Technologies

### Front-end stack 





 



 



 



 



### Back-end stack





 



 



### DevOps stack





 



 



## About the work done

### Front-end

- A working prototype was created based on `create-react-app` with a `modular architecture`

- A cart and favourites system was implemented via local storage with support for syncing between different browser tabs

- A nautical themed design was created

- Various `animation` elements were added

- Custom `internationalization` was implemented, supporting Estonian, English and Russian languages

- Powerful tools like `quick navigation`, `navigation breadcrumbs`, also product `sorting`, `filtering` and `search` were implemented

- `Responsive` `cross-platform` `adaptive` layout was implemented with support for mobile, tablet and all screen sizes, including via classic `@media` and progressive `@container` queries

- Convenient viewing of product photos is implemented using the `Swiper.JS` library

- A user-friendly interface was made for the custom wire rope swaging program

- Modern `skeleton loaders` were added for most loading states

### Back-end

- A `multilayer architecture` was designed with `routing`, `controllers` and application `services` on the `Express framework`

- Fast database interaction was achieved via optimized `SQL queries`