https://github.com/asadiahmad/online-shop
An online shop with user comments with Nodejs And MongoDB
https://github.com/asadiahmad/online-shop
backend css front-end full-stack html javascript jwt mongodb nodejs online-shop responsive-design
Last synced: 30 days ago
JSON representation
An online shop with user comments with Nodejs And MongoDB
- Host: GitHub
- URL: https://github.com/asadiahmad/online-shop
- Owner: AsadiAhmad
- License: mit
- Created: 2024-04-03T20:34:04.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-02T17:34:22.000Z (12 months ago)
- Last Synced: 2025-04-14T06:55:23.591Z (30 days ago)
- Topics: backend, css, front-end, full-stack, html, javascript, jwt, mongodb, nodejs, online-shop, responsive-design
- Language: JavaScript
- Homepage:
- Size: 20.8 MB
- Stars: 32
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Online-Shop
An online shop with user comments## Tech :hammer_and_wrench: Languages and Tools :
![]()
![]()
![]()
![]()
![]()
![]()
## Tutorial
### Step1 : Install Nodejs
Online Shop uses Nodejs as Backend LanguageDownload and install Nodejs with this link :
```sh
https://nodejs.org/en/download
```### Step2 : Install MongoDB
Online Shop uses MongoDB so install MongoDB
```sh
https://www.mongodb.com/docs/manual/installation/
```### Step3 : Clone GitHub Repo
Goto your IDE (I usually use Vscode and Webstorm) and clone the src
```sh
https://github.com/AsadiAhmad/Online-Shop.git
```### Step4 : set your Nodejs Application
the src does'nt have any Nodejs configuration filecreate New file named `package.json` in root of src with this lines :
```sh
{
"name": "untitled",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"ejs": "^3.1.9",
"express": "^4.19.2",
"jquery": "^3.7.1",
"jsonwebtoken": "^9.0.2",
"mongodb": "^6.5.0",
"mongoose": "^8.3.0",
"multer": "^1.4.5-lts.1",
"path": "^0.12.7"
}
}
```
Goto your IDE terminall and type
```sh
npm install
```
with this command nodejs will install package-lock.json and set the configurations### Step5 : Install necessary Packages
Install all of the Packages with npm command
```sh
npm install ejs
```
```sh
npm install express
```
```sh
npm install jquery
```
```sh
npm install jsonwebtoken
```
```sh
npm install mongodb
```
```sh
npm install mongoose
```
```sh
npm install multer
```
```sh
npm install path
```
for checking installed packages you can run this command :
```sh
npm list
```### Step6 : Create Connection to MongoDB
I have gitignore my connection so you need create new connection file :Create a Floder named `Connection` in /root/public/JS/BackEnd path
Create js file named `connection.js` like this :
```sh
const { MongoClient } = require('mongodb');
const uri = 'mongodb+srv://:@cluster-0-130.81jyjqx.mongodb.net/';
const dbName = 'OnlineShop';let db;
async function connection() {
if (!db) {
const client = new MongoClient(uri, { useUnifiedTopology: true });
await client.connect();
db = client.db(dbName);
}
return db;
}module.exports = connection;
```
#### Dont forget to replcae your `username` and `password` of your Mongo database here
if you have another formate of connection string you can replace it into uri### Step7 : Create MongoDB Datbase and collections :
create datbase named `OnlineShop`commands used in MongoDB shell :
```sh
use OnlineShop
```
and Create these three collections :
```sh
use OnlineShop
db.createCollection("Comments")
db.createCollection("Products")
db.createCollection("users")
```### Step8 : Run the project :
Goto root path run this:
```sh
npm app.js
```## View
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()