https://github.com/samlopezdev/carolina-cakes

A tasteful and elegant homepage, showcasing exquisite handcrafted cakes made to order.
https://github.com/samlopezdev/carolina-cakes

bakery bakery-website cakes css3 cupcakes html-css-javascript html5 javascript programming software-engineering website website-development

Last synced: 3 months ago
JSON representation

A tasteful and elegant homepage, showcasing exquisite handcrafted cakes made to order.

• Host: GitHub
• URL: https://github.com/samlopezdev/carolina-cakes
• Owner: samlopezdev
• Created: 2024-05-17T19:38:47.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-19T00:17:14.000Z (about 1 year ago)
• Last Synced: 2024-12-07T23:17:57.479Z (7 months ago)
• Topics: bakery, bakery-website, cakes, css3, cupcakes, html-css-javascript, html5, javascript, programming, software-engineering, website, website-development
• Language: CSS
• Homepage: https://carolinacakesdemo.netlify.app/
• Size: 70.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Carolina Cakes Homepage

A tasteful and elegant homepage, showcasing exquisite handcrafted cakes made to order.

**Link to project:** https://carolinacakesdemo.netlify.app/

![Carolina Cakes Homepage](https://github.com/SamanthaLProgramming/Carolina-Cakes/assets/150631576/c3101f01-3592-4a12-9485-ce74493892b2)

## How It's Made:

**Tech used:** HTML, CSS, JavaScript

Prior to beginning the programming phase, I established the site's layout and organized the HTML in a semantic manner using Figma. I then proceeded to enhance each section by applying CSS to elements that needed styling. By structuring the entire site and planning the HTML layout in advance, I found that the project progressed more seamlessly during the development process.

## Optimizations

Transform the gallery into a dynamic photo slider that allows users to click on a specific category, such as Cakes, Cupcakes, or Cookies, and instantly see corresponding images of the chosen item.

## Lessons Learned:

The realization of the amount of consideration required before coding a project was eye-opening. Additionally, starting with a mobile-first approach would have been advantageous, as I encountered several difficulties in adapting the layout to smaller screens.