Acacia is a website written in ReactJS with Typescript. It is connected to a backend server coded with ASP.Net and uses Postgresql as its database. Normally, the site is hosted on Azure but the backend has been taken down due to the lack of funds running backend server for a long time
Demo: Will be updated when the backend situation is solved.
Just like with any ReactJS app, you can run npm run start. It is recommended to run the project in Chromium browsers like Chrome, Edge, Brave, etc.
Will be updated in the future when the backend situation is resolved.
Open Project Structure
└── frontend
├── assets
│ ├── fonts
│ └── images.png
├── components
│ ├── basic
│ │ ├── Error.tsx
│ │ ├── ProductCard.tsx
│ │ └── SaleIcon.tsx
│ ├── cart
│ │ └── Cart.tsx
│ ├── frontPage
│ │ ├── FrontPage.tsx
│ │ └── SpecialOffers.tsx
│ ├── functions
│ │ └── common.tsx
│ ├── header
│ │ ├── Banner.tsx
│ │ ├── Header.tsx
│ │ ├── HeaderButtons.tsx
│ │ ├── LeftNav.tsx
│ │ ├── MiddleNav.tsx
│ │ └── RightNav.tsx
│ ├── products
│ │ ├── AddProductModal.tsx
│ │ ├── CartItemDetails.tsx
│ │ ├── ProductBox.tsx
│ │ ├── ProductDetail.tsx
│ │ ├── ProductFullDetails.tsx
│ │ └── ProductList.tsx
│ ├── profile
│ │ ├── LogUser.tsx
│ │ ├── Profile.tsx
│ │ ├── ProfileSchema.tsx
│ │ └── UserDetails.tsx
│ ├── hooks
│ │ └── reduxHook.ts
│ ├── redux
│ │ ├── reducers
│ │ │ ├── cartReducer.ts
│ │ │ ├── categoryReducer.ts
│ │ │ ├── productReducer.ts
│ │ │ └── userReducer.ts
│ │ └── store.ts
│ ├── styles
│ │ ├── css
│ │ ├── mui
│ │ └── index.scss
│ └── types
│ ├── common.tsx
│ ├── props.tsx
│ └── user.tsx
├── App.tsx
└── index.tsx