DEV Community

Cover image for top-in-tech
Rabie zouita
Rabie zouita

Posted on

top-in-tech

Ecommerce web application using Angular 13 | Node.js | Express.js | sequelize

Steps for Project Execution :
configuration email (Server : backend) : auth: { user: "", pass: "", } in file : controllers/auth/forgetPassword.js , controllers/BienvenueEmail/email.js , controllers/emaildeletePanier/email.js , controllers/emaildeletePanier/emaildeletecoupoun.js

Client Install
cd ecommerce-fronted
npm install --force
ng serve
Server Install
cd ecommerce-backend
npm install
npm run dev
role
Client : user ,
Admin : admin
Area Technology
Front-End Angular, Bootstrap, HTML5, CSS3, Typescript
Back-End Express, Node.js
Authentication JWT(JSON Web Tokens)
API Testing Postman
Database Sql
Images Storage locale
Other APIs Used Stripe Payment,api map , API de géolocalisation , API email

Screenshots

HomePage

https://user-images.githubusercontent.com/91283165/212124797-212e6c73-40a0-4261-b615-c370716ee93c.mp4

About us Page

https://user-images.githubusercontent.com/91283165/212125456-95c0245a-2b6c-4e7c-a863-3dc08c213f38.mp4

AvisPage

https://user-images.githubusercontent.com/91283165/212125767-85d69c78-2c00-44a6-8009-d248d31d9e51.mp4

ProfilePage

https://user-images.githubusercontent.com/91283165/212126163-2feb2376-3c44-4e6e-ba2d-b6c08f548667.mp4

QuizzPage

https://user-images.githubusercontent.com/91283165/212126680-fac67f4d-7103-4c72-b30b-5a3c1d04344f.mp4

AdressePage

https://user-images.githubusercontent.com/91283165/212126896-b019252b-ea8c-4662-9c4b-0570e13b06cf.mp4

ContactPage

https://user-images.githubusercontent.com/91283165/212127159-f89194af-a8ee-48c7-98d4-089edb5dcf74.mp4

PanierCommande

https://user-images.githubusercontent.com/91283165/212128462-c2931f28-fb0a-41d4-89ec-457f8249568a.mp4

mot de passe oublier

https://user-images.githubusercontent.com/91283165/212131514-9ca0c098-a7ed-4bb7-ae03-67c398995b9f.mp4

Dashboard Administrateur

Statistiques (nbr des utilisateurs actifs )
liste des clients qui achètent , sa position indiquée sur la map.
https://user-images.githubusercontent.com/91283165/212132640-b65911ee-1751-46cb-b554-119eb743fe24.mp4

banier client

https://user-images.githubusercontent.com/91283165/212133287-b989d180-86c4-4c55-9040-05c3135f5182.mp4

Ajouter Promotion

https://user-images.githubusercontent.com/91283165/212133882-61783ef3-319b-4cab-ac11-d1b14e038a04.mp4

Signaler Avis

utiliser Socket io
https://user-images.githubusercontent.com/91283165/212134234-a368ab47-b693-4b0f-85c2-2d69b2cc79e9.mp4

like unlike / noter Prdouit

https://user-images.githubusercontent.com/91283165/212136156-877e5573-ac11-48bf-8e1e-d9b8e4b93fa6.mp4

checkout

https://user-images.githubusercontent.com/91283165/212136217-89000be7-8403-4e9e-a595-00b7800007a1.mp4

link github

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay