Skip to content

A modern πŸ‘Ÿ Shoe Store web app built with Node.js, Express, PostgreSQL (backend) and Angular (frontend) πŸš€. Features product catalog, REST API, and stylish UI. Perfect for learning full-stack development! πŸ’»

Notifications You must be signed in to change notification settings

Ornella-Gigante/shoe-store-web

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‘Ÿ Shoe Store Web App!!

A modern and stylish full-stack πŸ‘Ÿ Shoe Store application built with Node.js, Express, PostgreSQL (back-end) and Angular (front-end).
Browse the product catalog, enjoy a responsive UI, and explore RESTful API integration! πŸš€


Shoe Store Demo


🚧 Demo

IN PROCESS


✨ Technologies Used:

**Back-end:**

Node.js

Express.js

MySQL

CORS

Dotenv for environment management

**Front-end:**

Angular 19

NG-Zorro (UI components)

RxJS (reactive programming)

Angular Forms (template-driven and reactive)

Angular Router (SPA navigation)

HttpClient (REST API integration)

API:

RESTful endpoints with full CRUD support

πŸ“‚ Project Structure

Zapateria-Proyecto/
β”œβ”€β”€ backend/ # Node.js + Express + PostgreSQL API
└── frontend/ # Angular app (zapateria-frontend)

ZapateriaFrontend

This project was generated using Angular CLI version 19.0.1.

Development server

To start a local development server, run:

   1. ng serve
   2. Once the server is running, open your browser and navigate to `http://localhost:4200/`. 
   3. The application will automatically reload whenever you modify any of the source files.

Code scaffolding

Angular CLI includes powerful code scaffolding tools.

To generate a new component, run:

    ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

    ng generate --help

Building

To build the project run:

    ng build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

Running unit tests

To execute unit tests with the Karma test runner, use the following command:

    ng test

Running end-to-end tests

For end-to-end (e2e) testing, run:

    ng e2e

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.


πŸš€ Getting Started

Prerequisites

1. Clone the repository

    git clone https://github.com/Ornella-Gigante/API-REST-Zapater-a.git
    cd API-REST-Zapater-a

2. Install and run the backend

    cd backend
    npm install
    npm start

The backend will run on http://localhost:1234

3. Install and run the frontend

  1. cd ../frontend/zapateria-frontend
  2. npm install
  3. ng serve

The frontend will run on http://localhost:4200


🀝 Collaborations

This project is developed in collaboration with lardevpro.
Feel free to visit their GitHub for more awesome projects!


πŸ“„ License

This project is open source and available under the MIT License.

About

A modern πŸ‘Ÿ Shoe Store web app built with Node.js, Express, PostgreSQL (backend) and Angular (frontend) πŸš€. Features product catalog, REST API, and stylish UI. Perfect for learning full-stack development! πŸ’»

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 62.7%
  • JavaScript 21.7%
  • HTML 8.6%
  • SCSS 6.4%
  • Less 0.6%