CindyGraffin / Candy

A website made on my own when i started learning web development, compatible with all media and with a very little bit of javascript but not completely functionnal.

Home Page:https://cindygraffin.github.io/Candy/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MY CANDY SHOP

Introduction

I made this project in order to apply a lot of knowledge I had learn. It's a candy shop with three similar sections. We can add or remove quantity to the cart and see the total sum each time trhough adding a little bit of Javascript. The project is compatible with smartphones, tablets, laptop and large screen. I realized this project on my own and I took pleasure to do it.

General infos

In this project I applied the skills I learned recently:

  • Flexbox
  • CSS Grid
  • Media Queries
  • The script element with DOM events

Here are differents screens depending on screen sizes:

Laptop:


Large screen:

Very Large screen:

Ipad:

Phone:

Built with

  • Visual Studio Code
  • HTML
  • CSS
  • Markdown
  • Javascript
  • Chrome DevTools

Author

Graffin Cindy
Mail: graffincindy@gmail.com
GitHub: https://github.com/CindyGraffin?tab=repositories
LinkedIn: https://www.linkedin.com/in/cindy-graffin/

About

A website made on my own when i started learning web development, compatible with all media and with a very little bit of javascript but not completely functionnal.

https://cindygraffin.github.io/Candy/


Languages

Language:HTML 53.7%Language:CSS 27.5%Language:JavaScript 18.8%