nightsky-na / project-phase1

Explore and design the first draft of your web application using HTML and CSS.

project-phase1

Kontawat Wisetpaitoon 6388154 Explore and design the first draft of your web application using HTML and CSS.

How to run the program

Step1: Clone my project from the repo

git clone https://github.com/Nightsky-na/project-phase1.git

Step2: Install node_modules

npm install

Step3: Build the tailwindcss

npm run build

Step4: Start the node server

npm start

---

Website routing

This website demo deploy using domain name https://kontawatdev.com/

(if you run via source code please do follow the set up guid above) ​​

Route	Corresponding page	File HTML	URL
Home page route	home page	homePage.html	https://kontawatdev.com/
​​About Us page route	about us page	aboutPage.html	https://kontawatdev.com/about
​​Search page route	search page	searchPage.html	https://kontawatdev.com/search
​​Shop page route	list and show the products	shopPage.html	https://kontawatdev.com/shop/
​​Product1 page route	Demo product1	keyChaineDemo.html	https://kontawatdev.com/shop/product
​​Product2 page route	Demo product2	keyChaineDemo1.html	https://kontawatdev.com/shop/product1
​​Product3 page route	Demo product3	keyChaineDemo2.html	https://kontawatdev.com/shop/product2
​​Product4 page route	Demo product4	keyChaineDemo3.html	https://kontawatdev.com/shop/product3
​​Product5 page route	Demo product5	keyChaineDemo4.html	https://kontawatdev.com/shop/product4
​​Admin login route	admin login page	adminLogin.html	https://kontawatdev.com/admin/login
​​Admin User Management page	admin management page for user	adminPage.html	https://kontawatdev.com/admin/
​​Admin Product Management page	admin management page for product	adminProduct.html	https://kontawatdev.com/admin/product
​​Admin Add/Edit User page	admin add, modify for user	adminAddUser.html	https://kontawatdev.com/admin/user-add
​​Admin Add/Edit Product page	admin add, modify for Product	adminAddProduct.html	https://kontawatdev.com/admin/product-add
​
=======

• Explore and design the first draft of your web application using HTML and CSS.

🔗 Links and Resources

Type	Links
💼 Documentation	ReadTheDocs
🚀 Website	Website demo