Car-Shop-Website

Note

• 2 types of forms, first one work onsubmit button, and the other works onchange for variety.

Configuration

Asp.Net Core Web API

• Go To ConfiguredValues.cs.
• Change the values to your local ports, GetClient will be Angulars Default port and GetServer will be the server default port, they are defaulty set to: https://localhost:7099 (server) and http://localhost:4200 (client).
• Change servername from DESKTOP-OJ4FU91\VICTORSERVER to your local mssql server name, in appsettings.json.
• Go to tools in VS studio > nuget package manager > package manager console > write: Update-Database

Angular

• Open the Client using cmd and enter npm install.
• Go To myEnvironment.ts.
• Change the ServerUrl to your server default port, it is defaulty set to: https://localhost:7099.

MSSQL

• Execute the next query scripts in your new created database:

Cars:

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Toyota Camry', 'Family', 25000.00, 10, 2022,'Car-1.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Honda Civic', 'Mini', 22000.00, 5, 2022, 'Car-2.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Ford F-150', 'Truck', 35000.00, 15, 2022, 'Car-3.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Tesla Model S', 'Luxury', 80000.00, 2, 2022 ,'Car-4.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Chevrolet Corvette', 'Sports', 65000.00, 3, 2022 ,'Car-5.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Jeep Wrangler', 'SUV', 30000.00, 8, 2022 ,'Car-6.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Audi A4', 'Luxury', 45000.00, 4, 2022 ,'Car-7.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('BMW X5', 'SUV', 55000.00, 6, 2022 ,'Car-8.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Mercedes-Benz S-Class', 'Luxury', 90000.00, 1, 2022 ,'Car-9.jpg');

INSERT INTO Cars (Name, Category, Price, UnitsInStock, ModelYear, ImageSrc)
VALUES ('Lamborghini Huracan', 'Sports', 300000.00, 1, 2022 ,'Car-10.jpg');

Users:

INSERT INTO Users (Name, Password, LastLogin)
VALUES ('Shlomi Mandel', 'HappyDuck300', '2022-01-01 12:00:00');

INSERT INTO Users (Name, Password, LastLogin)
VALUES ('Victor Rutskin', 'BigBruhMomentPerformer', '2022-01-03 18:30:00');

Running The Project

• Make sure you've configured everything.
• Open the Server Project and run it (it will also show you the swagger).
• Open the Client using cmd and enter ng serve.
• Enter your Angular port url in the browser, it is usually http://localhost:4200/.

Technologies I've Used for the Project

• ASP.Net core 6 Web Api.
• Angular 15.
• Bootstrap 5.
• Microsoft SQL Server.

Code I've used for my project

• Angular Image Upload Button: https://code-maze.com/upload-files-dot-net-core-angular/.