Kcroasters Coffee Shop

• 

  Home Page

• 

  Learn Brew Guide with Recipe Page

• 

  About Us page

• 

  Brew Guide steps with pictures

• 

  Categoies Page

• 

  Contact Us Page

• 

  Product Detail Page

• 

  Cart Page

• 

  Checkout Page

• 

  History/Order list page

• 

  admin side Product page to edit products

• 

  admin login page

• 

  admin category page to make new categories

• 

  admin side users list

• 

  admin side all order status

• 

  admin side suggestion list (from contact us page)

Inspiration

This lockdown due to pandemic has given rise to home chefs. Coffee is on everyone's top list.

What it does

It is an E-commerce website which gives a brief idea about brewing methods and recipe. Features :

• Register page -Login page
• Top navigation setup
• Categories page
• Product detail page
• Add to cart
• Update items in cart
• Delete items in cart
• Cash on delivery
• Online payment gateway
• User Order history page
• Recipe page (with pics and steps)
• About us page
• Contact us page

How we built it

• Frontend is built using HTML5, vanilla CSS, vanilla JS.
• For the backend PHP is used.
• Sequel database is used for data storage.

Challenges we ran into

Shortage of time. Implementing php and combining and linking php to cart page and admin page. Payment gateway also was a great difficulty.

Accomplishments that we're proud of

Our Teamwork.

What we learned

PHP, better responsive front end development. A full e-commerce website.

What's next for Kcroasters Coffee Shop

• Building up wishlist
• A search bar
• A filter option
• Sorting according to price
• Mobile otp verification
• Email otp verification

Built With

• bootstrap
• css
• html5
• javascript
• php
• phpmyadmin
• vanillacss
• vanillajs