https://github.com/haminimi/cafe-page

This Cafe Page offers a simple user interface with the home, menu and contact tabs, providing easy access to The Cozy Cup cafe. Experience the essence of The Cozy Cup, discover a diverse menu of coffees, reach out, book an event, or just say hello!
https://github.com/haminimi/cafe-page

cafe coffee-shop dom-manipulation git javascript modules npm theodinproject webpack

Last synced: about 1 month ago
JSON representation

This Cafe Page offers a simple user interface with the home, menu and contact tabs, providing easy access to The Cozy Cup cafe. Experience the essence of The Cozy Cup, discover a diverse menu of coffees, reach out, book an event, or just say hello!

• Host: GitHub
• URL: https://github.com/haminimi/cafe-page
• Owner: Haminimi
• Created: 2023-11-10T16:29:33.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-22T12:54:02.000Z (7 months ago)
• Last Synced: 2024-05-22T14:01:59.198Z (7 months ago)
• Topics: cafe, coffee-shop, dom-manipulation, git, javascript, modules, npm, theodinproject, webpack
• Language: JavaScript
• Homepage: https://haminimi.github.io/cafe-page/
• Size: 9.01 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cafe Page ☕

![Screenshot of the Cafe Page.](/screenshot.png)

## Description

This Cafe Page offers a simple user interface with the home, menu and contact tabs, providing easy access to The Cozy Cup cafe. Experience the essence of The Cozy Cup, discover a diverse menu of coffees, reach out, book an event, or just say hello! The project is a part of [The Odin Project](https://www.theodinproject.com/dashboard)'s [curriculum](https://www.theodinproject.com/lessons/node-path-javascript-restaurant-page). The Odin Project provides a high quality web development education maintained by an open source community.

## [Live Preview](https://haminimi.github.io/cafe-page/)

## Tech

**The project is built with:**

- HTML

- Vanilla JavaScript

- Vanilla CSS

**Tools**

- Visual Studio Code

- Git

- Webpack

## Covered Topics

**This section mentions the main topics covered during project work and prior lessons**

- Modules

- npm

- Webpack

- DOM manipulation

## Reflection

I am very excited to work with Webpack, I find it both interesting and extremely useful. I am looking forward to exploring more, delving deeper into the world of Webpack, and implementing some of the features such as Hot Module Replacement and Lazy Loading in the future.

## Credits

- [Coffee cup stickers created by Design Circle - Flaticon](https://www.flaticon.com/free-stickers/coffee-cup)

- [Coffee stickers created by Gohsantosadrive - Flaticon](https://www.flaticon.com/free-stickers/coffee)

- [Letter stickers created by Gohsantosadrive - Flaticon](https://www.flaticon.com/free-stickers/letter)

- [Phone stickers created by Gohsantosa - Flaticon](https://www.flaticon.com/free-stickers/phone)

- Background photo by [Thom Holmes](https://unsplash.com/@thomholmes?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/brown-wooden-dining-table-inside-room-RqASow2Y6Os?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash)

## Happy coding!