Skip to content

williamniemiec/nshopping-web

Repository files navigation

nShopping WEB

Website about a shopping system built with Ionic Framework along with Angular.

NodeJS compatibility Ionic compatibility Release License

Deploy


❇ Introduction

nShopping Web is a website built with Ionic Framework along with Angular for a simple shopping system. This application was made for the sole purpose of learning the Ionic framework better. You can interact with the project (here).

Login information

Email Password
william@email.com 123

⚠ Warnings

The hosting service may have a certain delay (~ 1 min) for uploading the application so the loading of the website may have a certain delay.

✔ Requiremens

ℹ How to run

Type in your terminal:

  1. npm install

  2. sudo ionic serve

🖼 Gallery

image 1 image 2 image 3 image 4 image 5 image 6 mobile image 1 mobile image 2 mobile image 3 mobile image 4 mobile image 5 mobile image 6

🚩 Changelog

Details about each version are documented in the releases section.

🗺 Project structure

architecture

📁 Files

/

Name Type Description
docs Directory Documentation files
resources Directory When building the app for different platforms (like iOS or android), this folder will be automatically generated with the app resources like the logo and the splash screen image
src Directory Application and test files

/src

Name Type Description
app Directory Has all the components, modules, pages, services and styles needed for building the application
assets Directory Application static files
environments Directory Configuration files used by the Angular CLI to manage the different environment variables
theme Directory It includes all the theming, variables and sass mixins to be used in the application
global.scss File Style used by multiple pages
index.html File Application point entry
main.ts File Application point entry
test.ts File Test file
zone-flag.ts File Prevents Angular change detection from running with certain Web Component callbacks

/src/app

Name Type Description
config Directory Configuration classes
dto Directory Data transfer object classes
interceptors Directory Classes that intercept the HTTP requests and errors
models Directory Application model classes, including domain classes
pages Directory Application pages
services Directory Classes responsible for providing data from APIs and utility services
app-routing.module.ts File Application page routes
app.component.html File Application main HTML
app.component.ts File Application main component
app.module.ts File Context of application main component