Git Product home page Git Product logo

ecom's Introduction

Angular Ecommerce Project

This is a sample Angular Ecommerce project that serves as a frontend for an ecommerce application. It's built using Angular 16 for the frontend, .NET 7 for the backend, and Microsoft SQL Server for the database with Entity Framework Core.

Table of Contents

Overview

This project is a simple ecommerce application that demonstrates the integration of Angular, .NET Core, and Microsoft SQL Server. It allows users to browse and purchase products, manage their shopping cart, and place orders.

Features

  • Browse products by category and search for specific items.
  • Add products to the shopping cart.
  • Update and remove items from the shopping cart.
  • Complete the checkout process to place an order.
  • User authentication and authorization.
  • Product reviews and ratings.

Prerequisites

Before you begin, ensure you have met the following requirements:

Installation

Clone this repository to your local machine:

git clone https://github.com/preethel/Ecom.git

Install the required Node.js packages for the Angular frontend:

Open your terminal and navigate to the client directory within your Angular Ecommerce project, and then run the following command to install the necessary Node.js packages:

cd Task/task-fEnd
npm install

Install the required NuGet packages for the .NET Core backend:

  1. Open your solution in either Visual Studio or Visual Studio Code.

  2. In the solution explorer, navigate to the .NET Core backend project.

  3. Use the package manager console or terminal to run the following command to restore NuGet packages:

  cd Task/Task/Task.Database
  dotnet ef database update

Configuration

Before running the application, make sure to configure the following:

Database Connection

  1. Open the appsettings.json file in your .NET Core backend project.

  2. Locate the "ConnectionStrings" section.

  3. Update the SQL Server connection string with your own connection details.

"ConnectionStrings": {
  "DefaultConnection": "Server=YourServer;Database=YourDatabase;User Id=YourUser;Password=YourPassword;"
}

Running the Angular Application

  1. Open a terminal and navigate to the Task/task-fEnd directory within your Angular Ecommerce project:
  cd Task/task-fEnd
  ng serve -o

Running the .NET core web api

  1. Open a terminal and navigate to the Task/Task directory within your Angular Ecommerce project:
  cd Task/Task
  dotnet run --project .\Task.Api\

Usage

Visit http://localhost:4200 in your web browser to access the ecommerce application.

Contributing

Contributions are welcome. Please feel free to submit issues and pull requests.

License

This project is licensed under the MIT License - see the LICENSE file for details.

For a video preview of the application, please check the following link: Google Drive Video Preview

ecom's People

Contributors

preethel avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.