This is a small project that I made using HTML, CSS and vanilla Javascript, I also used webpack and npm. In this project I made a restaurant page with a navbar with 3 sections, the Home, Menu and Contact, I added every html element on the page with javascript and DOM manipulation.
To see the live preview of this website click here.
In this website you can navigate through 3 navbar sections, Home, Menu and Contact.
- In the Home tab you will find a introduction section to The Coffee Shop.
- In the Menu tab you will find a menu section with all the items being sold on The Coffee Shop as well as their description and prices.
- In the Contact tab you will find a section with information like hours of operation, location and phone number, this section also has a Message Us form, so you can send a email with your full name, email and message to The Coffee Shop.
Doing this project I learned to use a lot of useful things, I divided my project into modules, each section of my page was a module, and I learned how to put it all together with webpack, importing and exporting the modules to get everything working, webpack is an amazing tool and really makes the development process easier. I also got a very good grasp on DOM manipulation and used a lot of CSS in this project.
I really enjoyed doing this project, I learned very useful tools and features and the process of developing the project was very satisfying for me, I got stuck in some parts but after some thinking and searching I've managed to find the solutions, now that I have finished I feel very satisfied with the result.