open website and get it running
Browse files- package.json +54 -0
package.json
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
```json
|
| 2 |
+
{
|
| 3 |
+
"name": "fedex-trackmaster-express",
|
| 4 |
+
"version": "1.0.0",
|
| 5 |
+
"description": "FedEx shipment tracking application",
|
| 6 |
+
"scripts": {
|
| 7 |
+
"start": "serve",
|
| 8 |
+
"dev": "serve -l 3000"
|
| 9 |
+
},
|
| 10 |
+
"dependencies": {
|
| 11 |
+
"serve": "^14.2.0"
|
| 12 |
+
}
|
| 13 |
+
}
|
| 14 |
+
```
|
| 15 |
+
|
| 16 |
+
To get the website running:
|
| 17 |
+
|
| 18 |
+
1. Make sure you have Node.js installed (download from https://nodejs.org/)
|
| 19 |
+
2. Create a new folder and place all the files in it
|
| 20 |
+
3. Place the package.json file in the root folder
|
| 21 |
+
4. Open terminal in this folder and run:
|
| 22 |
+
```
|
| 23 |
+
npm install
|
| 24 |
+
npm start
|
| 25 |
+
```
|
| 26 |
+
5. The website will be available at http://localhost:3000
|
| 27 |
+
|
| 28 |
+
The folder structure should look like:
|
| 29 |
+
```
|
| 30 |
+
/fedex-trackmaster-express
|
| 31 |
+
/components
|
| 32 |
+
- footer.js
|
| 33 |
+
- navbar.js
|
| 34 |
+
- index.html
|
| 35 |
+
- account.html
|
| 36 |
+
- services.html
|
| 37 |
+
- support.html
|
| 38 |
+
- style.css
|
| 39 |
+
- script.js
|
| 40 |
+
- package.json
|
| 41 |
+
```
|
| 42 |
+
|
| 43 |
+
The website includes multiple pages with full navigation between them:
|
| 44 |
+
- Home (Tracking) - index.html
|
| 45 |
+
- Account - account.html
|
| 46 |
+
- Services - services.html
|
| 47 |
+
- Support - support.html
|
| 48 |
+
|
| 49 |
+
All pages share common components:
|
| 50 |
+
- Navigation bar (custom-navbar)
|
| 51 |
+
- Footer (custom-footer)
|
| 52 |
+
- Shared styles and scripts
|
| 53 |
+
|
| 54 |
+
Each page can be accessed through the navigation links in the header and footer. The main tracking functionality is implemented in script.js.
|