https://github.com/hannah68/shoprime

An e-commerce single-page application (SPA) created using Angular
https://github.com/hannah68/shoprime

angular material-ui tailwindcss typescript

Last synced: about 2 months ago
JSON representation

An e-commerce single-page application (SPA) created using Angular

• Host: GitHub
• URL: https://github.com/hannah68/shoprime
• Owner: hannah68
• Created: 2023-02-20T11:54:49.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-03-10T13:42:28.000Z (almost 2 years ago)
• Last Synced: 2024-12-26T16:16:30.868Z (about 2 months ago)
• Topics: angular, material-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 2.58 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Shoprime

> ShopPrime is an e-commerce website using Angular 15.



  

  





  

  



## Features

The user has the ability to:

- Filter products based on their categories

- Sort products based on the highest or the lowest price

- Add items to basket

- Edit the basket(removing or adding more items)

- Proceed to checkout

## Methods Used

- Integrated Angular **Material UI** components, such as buttons, cards, table, toolbar, snackbar, grid list, badge and expansion panel to provide a consistent, visually appealing design and user experience

- Leveraged **TailwindCSS** to customize and extend the design of Angular Material UI components

- Used Angular's built-in **HTTP client** to communicate with the backend API

- Utilized **Angular's routing system** to create a smooth, intuitive navigation experience for users.

- Implemented **Rxjs** observables and operators to handle asynchronous data streams

## Tech Stack

- Angular

- Typescript

- Tailwindcss

- MaterialUi

- Express

- Stripe

- Fakestoreapi

## Installation

- First, run `npm i` to install the dependencies (need node.js for npm)

- run `ng serve` to run the app via localhost

- run `node server.js` to proceed the checkout using Stripe

## Future development

1. In the future, I can add more functionality to the website, such as the ability to filter products by brand or customer review.

2. I would implement MySQL or MongoDB for my database.

3. A registration feature should be available on the site so that users can keep track of the items that have been added to their baskets and post reviews.