Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iamigi/computershop-typescript

Rebuild of Computer shop frontend to typescript Frontend of project: "Computer-Shop". Project board: https://github.com/users/IamIGI/projects/1/views/1
https://github.com/iamigi/computershop-typescript

axios javascript jwt-authentication react react-router redux redux-toolkit styled-components typescript vite

Last synced: about 1 month ago
JSON representation

Rebuild of Computer shop frontend to typescript Frontend of project: "Computer-Shop". Project board: https://github.com/users/IamIGI/projects/1/views/1

Awesome Lists containing this project

README

        

## Project is no longer supported
# ComputerShop-typescript
Frontend part of the project *HotShoot*, this is a computer shop that I started develop since august 2022.r
this repository is the continuation of project development after its migration to typescript

## Backend repo:
https://github.com/IamIGI/Computer-Shop-Server
## Project Board
https://github.com/users/IamIGI/projects/1/views/1

# HotShoot.tk

**HotShoot.tk** is a comprehensive e-commerce website specializing in laptops, offering a wide selection of devices along with a suite of features that support a seamless online shopping experience. This full-stack application, developed from scratch and actively maintained since August 2022, includes both frontend and backend components.

## Key Features

- **User Authentication** – Provides secure login and registration for new customers.
- **Advanced Shopping Cart** – Enables easy management of products in the cart, quantity adjustments, and order preview.
- **Promotion Management** – Allows users to take advantage of current discounts and promotional offers.
- **Product Filtering** – A robust filter system that helps users quickly find products tailored to their preferences.
- **Account Management** – Access to account settings, order history, and profile information updates.
- **Order Management** – Users can track the status of their orders and view details for each.
- **Recipient Template Creation** – Simplifies the addition and management of delivery addresses.
- **Enhanced Comment Section** – Users can share reviews and comments, fostering product interaction and feedback.
- **Articles Section** – A space for guides, updates, and interesting insights about products.
- **Contact Form** – Provides an easy way to get in touch with customer support for inquiries or assistance.
- **PDF Document Generation** – Option to create and download invoices and order documents.
- **Responsive Web Design (RWD)** – Fully optimized for use on both desktop and mobile devices, ensuring an excellent user experience across platforms.

Thanks to its intuitive interface, advanced features, and user-friendly design, **HotShoot.tk** is the perfect destination for those looking to purchase modern and high-performance laptops, offering a top-tier online shopping experience.

## Functionalities:

### User authorization:
The jwt token is used for user authentication, where account information such as user data, authorization token, role of a given account is sent

### Extended shopping cart
![image](https://user-images.githubusercontent.com/84968638/210661506-d8bc0f07-e1db-46b9-a5ce-d0e4f6058788.png)

User can choose one of the options to choose from when placing an order while seeing it in dynamic basket preview.
User can choose delivery method, payment method, and set recipients data

### Stripe payment
![image](https://user-images.githubusercontent.com/84968638/211223117-fede5d38-c3b3-47c3-8715-7db35a0abd2b.png)

### Support for promotions
![image](https://user-images.githubusercontent.com/84968638/210662166-81a3a3c1-059a-463c-94f6-6c0c6cc22305.png)

The promotion system supports discounts on products of a given brand, all brands, if there is more than one product subject to a discount, the cheapest product is discounted.
If there are more than 1 quanitty of the same product, the basket is split and only one piece is discounted

### Filtering products
![image](https://user-images.githubusercontent.com/84968638/210662732-1bbb7e24-35eb-4a79-a67e-adc984814719.png)

Functionality allows to search given product or filter all products to given criteria

### Account management
![image](https://user-images.githubusercontent.com/84968638/210663273-6dd4b56a-fbd2-41a5-89c7-2e5b300f9131.png)

User can manage his account through account settings

### Managing user orders
![image](https://user-images.githubusercontent.com/84968638/210991789-0197105d-c598-4d6a-9f05-d13c3a0a9a61.png)

User can see his list of orders, see it's status and also data provided to given order. User can also print PDF about given order

### PDF Documents

![image](https://user-images.githubusercontent.com/84968638/210664290-7a09ab90-fa1d-4956-9ffa-7270ebc14c6c.png)

### Recipients templates
![image](https://user-images.githubusercontent.com/84968638/210664754-9075973c-c0a5-4b76-921d-a096bd4f45c8.png)

User can create recipients templates, edit and delete them. Created templates can be used during order procedure

### Advanced comments section
![image](https://user-images.githubusercontent.com/84968638/210665091-d8384f25-2241-47df-b251-f3aa7ec02bfc.png)
User can add comments, like it, filter it, add images to comments, see summary of comments in the form of: average rating and average selected rating

### Articles
![image](https://user-images.githubusercontent.com/84968638/210665569-de07aba4-54b2-4f5b-aba6-80e3cf3b430f.png)

The user can read about upcoming promotions and read guides

### Contact form
![image](https://user-images.githubusercontent.com/84968638/210665764-77dc1e0c-c165-45f0-86a1-b022bfd8166b.png)

User can contact author, choose options to send him information about bug or collaborations

### RWD design
![image](https://user-images.githubusercontent.com/84968638/210666035-8d40d0cf-9c85-4965-b216-aaade904e213.png)