Skip to content

karofmah/E-Commerce-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Full Stack Project

A volunteer project as a part of the subject IDATT2105

Initial clone

To get this project up and running there are 2 methods we show incase 1 does not work:

Cloning with git:

For this Git is goind to be required if you don't have Git you can download it here.To clone with git you can use either the SSH link or HTTPS link you will find these under the code dropdown of the repository:
Clone links

Then open a terminal and navigate to the location you want to clone the project(1) or go to that location and type cmd into the navigation in File Explorer(2)

1:
Navigate Terminal
Remember if you are confused about where you currently are you can type "dir" to get your directory and everything in it. Navigate with "cd" as you see above

2:
Navigate FileExplorer
Navigate FileExplorer
As you can see here you navigate like normal in File Explorer then type cmd at the desired locaion.

After this use the command git clone (repo-URL)
Git Clone
If you get a printout like that you have successfully cloned the project

Downloading zip

To download the zip file you can click the little download icon next to the clone icon and click on zip:
Download zip
Note that there are other formats but we recoment zip

Find the downloaded file and extract the file
Extract project from zip

Backend Setup

To setup the backend of the project, navigate into the project folder(full-stack-project) -> Backend -> ECOMBack. This is the Spring boot Java project that communicates with the database. Open this folder in an IDE, we recoment using IntelliJ IDEA.

The IDE shoul automatically import all necessary Maven dependencies, based on the pom.xml file. Alternatively, you can use the Maven command line to download and install the dependencies:

mvn clean install

In the application-central.properties class, you can specify which database to use with the project (url, username and password). To get access to the centralized IDI MySQL database, please reach me at [email protected]

application-central.properties

To start the backend application, navigate to src/main/java/no/ntnu/ecomback/EcomBackApplication.java and run the main method in the IDE:
npm install

You can alternatively run the command

mvn spring-boot:run

in the root of the backend project.

Frontend Setup

To setup frontend navigate into project folder(full-stack-project) -> Frontend -> ecom. That is the frontend vue project. Open that folder in whatever IDE you want to open it in. We recoment VS Code for this.

After opening the project you need to install the node modules. There is no need to install them one by one ad they are listed in package.json. To install them you need to run:

npm install

in the terminal at location. You can open a terminal in the ecom folder as you did in previous steps or you can open it in the IDE you are working in. In VS Code you can open a terminal bu clicking terminal then new terminal:
npm install
If all goes well you will have installed all the dependencies you need. After this you are ready to run frontend with the command:

npm run dev

If you do i correctly it looks like this:
npm run dev
Opening the Local: link gives you the website. In this case typing http://localhost:5173 into your browser gives you this:
website
Remember that to get the Items Backend needs to be running

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published