https://github.com/priyansusahoo/ecommerce_project

E-Commerce application using Spring-Boot, Angular and MySQl DB.
https://github.com/priyansusahoo/ecommerce_project

angular mysql-database spring-boot typescript

Last synced: 2 months ago
JSON representation

E-Commerce application using Spring-Boot, Angular and MySQl DB.

• Host: GitHub
• URL: https://github.com/priyansusahoo/ecommerce_project
• Owner: Priyansusahoo
• Created: 2023-07-17T04:29:11.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-19T19:33:19.000Z (over 1 year ago)
• Last Synced: 2025-01-08T06:46:10.198Z (4 months ago)
• Topics: angular, mysql-database, spring-boot, typescript
• Language: TypeScript
• Homepage:
• Size: 41.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# E-Commerce Project SETUP:

This guide is segregated into 3 main parts. 

1. The first part of the guide talks about installing the MySQL database, MySQL WB and finally running the SQL scripts required for the e-commerce project. 

2. The second part talks about running the Spring Boot E-Commerce App.

3. The third part talks about running the Angular Frontend E-Commerce App.

**Running MySQL Server:**

1. Download the source code attached to lecture 217 and extract the directory from the zip.

2. Open 01-starter-files directory. Let's run the scripts under the `01-starter-files/db-scripts` directory. To run those scripts and look at the results later, you have to install a MySQL client on your machine. So, We will install MySQL Workbench.

3. Install [choco](https://chocolatey.org/install). choco is a prominent package manager for Windows. Note: Please make sure you open Windows PowerShell as Administrator for all software installations.

   

4.  Download MySQL community server from power shell using  `choco install mysql`. Note: While installing the software with choco, accept to run all scripts by giving `A`.

    

5. You can start MySQL as follows: hit  `windows key + R`   

   

   

7. Once you're in `Services`, find `MySQL` and start it.

   

   

   

9.  Now, in order to run those starter SQL scripts under `01-starter-files/db-scripts` , let's install MySQL Workbench.  Download MySQL Workbench using `choco install mysql.workbench`. You should see MySQL WB on start in Windows. Now, to run all the scripts, open all the SQL scripts one-by-one and run execute them by clickingon the ⚡️.

    

    

    

**Running the Spring Boot App:**

1. Install JDK on your machine from the power shell using `choco install zulu11`. Open your cmd prompt, and do `java --version` which should give you the java version.

   

2. Set JAVA_HOME (as Administrator) from cmd. `setx -m JAVA_HOME "C:\Program Files\Zulu\zulu-11"`. If you've installed Java using choco, it should be installed in the above-specified path. If not, make sure you have the right path to the JDK. To check if you've set the path right, run `refreshenv` in the same cmd prompt and then run `echo %JAVA_HOME%` gives you the path you've just set.

3. Now, `cd` into `02-backend/spring-boot-ecommerce`. Now, run `mvnw clean install`. This might take a couple of minutes.

4. Once everything goes well in step 3, to start your application run `mvnw spring-boot:run`. This will run your backend application. Once your application is up, go hit `http://localhost:8080/api/` on your browser and you should see something as follows: (Note: Make sure your mysql server is up)

   

**Running the Angular App:**

1.  Install node on your machine using choco. `choco install nodejs-lts` . This will install install nodejs v16 (lts). **NOTE please install nodejs v16. This project is made using nodejs v16 and doesn't support latest nodejs versions.**

2. Running `node -v` && `npm -v` from cmd should give you their respective version numbers.

3. **IMP: To install angular. Install the angular version supported by nodejs v16. Try angular-cli 16.1.0 `npm install -g @angular/[email protected]`**

4. Install the angular-cli globally from the cmd prompt by running:  `npm install -g @angular/cli`. `ng version` should give you angular-cli version number.

5. Now, navigate to our front-end app at `03-frontend/angular-ecommerce`. Once you're inside the `angular-ecommerce` directory, run `npm install`.

6. Now, run `ng build`  (this might take a couple of minutes) and then `ng serve`.

7. You should have the front-end e-commerce app up and running at `http://localhost:4200`. 

With that, you should have a fully functional E-Commerce App running on your machine.