Clean POS Dashboard made using the PEAN Stack.
- Front-end: Angular, Angular Material, Bootstrap, sweetalert2
- Back-end: PostgreSQL, Express, Node.js
- APIs: SISAPI, countryflagsapi
- Locally stored data (Postgres)
- Personal API
- Fast & Simple
- Easy to deploy
- Full Data C.R.U.D
The Main Login Page the user gets Directed to upon loading the website.
The Login Page, the user is redirected here if he selects the Login option in the page earlier.
The Dashboard Main Page, the user is redirected here only upon a successfull login process.
Tables, where the user can see full details on all system data, with crud options.
Here are two examples :
The Task Manager, where the user can manage personal tasks and delete completed tasks.
Color | Hex |
---|---|
whitesmoke | #F5F5F5 |
sky gradient | #2980B9 |
primary gradient | #4A00E0 |
warning gradient | #f5af19 |
light gradient | #78ffd6 |
info gradient | #5D26C1 |
danger gradient | #93291E |
Sispos uses SISAPI P.E.N API for all data.
- Full API Reference can be found at the page.
GET /${file-type}/${country}
Parameter | Type | Description |
---|---|---|
file-type |
string |
Required. png or svg |
country |
string |
Required. country code or name |
https://sispos-dashboard.herokuapp.com
git clone https://github.com/RedaBoi12/sispos.git
- Go to the project directory
cd sispos
- Install dependencies
npm install
- Start the server
ng serve
-
Additional browser support
-
Additional code optimisation
For support, email [email protected].
Answer : Less than a month.
Answer : Not really, this project is mainly for me to learn angular.
Hello, my name is ElGoumri Reda, and I am the creator of this repository "SISPOS", which is my second angular project and is primarily intended to help me learn and understand the framework as much as possible .
HTML, CSS, jQuery, Javascript, Typescript
Frameworks: Bootstrap, Angular
What did you learn while building this project? What challenges did you face and how did you overcome them?
Long before this project, I had very little knowledge of front end development. or web development in general, but working on this project, getting errors and spending so much time looking for fixes is really how a person learn something.
The most difficult challenge for me in this project was learning how to fully manipulate an API using http requests and the HttpClient module offered by Angular, whether in retrieving all the information via a GET request, loading the return into an observable, by transforming it into an array to move it from one page to another and display the information correct to the user.
I also learned how to make a full P.E.N REST Api from scratch, and linked it to my project. Which is really cool!