Projects

Account

Support

Profile

Bun Bun Bake Shop

Category

Year

↗️Launch site

Design & Development

2022

Role

Individual Project

Skills

ReactJS, HTML/CSS

Bun Bun bake shop is a web design exercise for an imaginary cinnamon bun bake shop. It is a single-page website built with React and some CSS styling. Users can interact with the web page through changing roll glazing option and pack size, searching specific roll, sorting by name or price, and adding products to cart and viewing the total price.

Bun Bun Bake Shop

Category

Year

↗️Launch site

Design & Development

2022

Role

Individual Project

Skills

ReactJS, HTML/CSS

Bun Bun bake shop is a web design exercise for an imaginary cinnamon bun bake shop. It is a single-page website built with React and some CSS styling. Users can interact with the web page through changing roll glazing option and pack size, searching specific roll, sorting by name or price, and adding products to cart and viewing the total price.

Bun Bun Bake Shop

Category

Year

↗️Launch site

Design & Development

2022

Role

Individual Project

Skills

ReactJS, HTML/CSS

Bun Bun bake shop is a web design exercise for an imaginary cinnamon bun bake shop. It is a single-page website built with React and some CSS styling. Users can interact with the web page through changing roll glazing option and pack size, searching specific roll, sorting by name or price, and adding products to cart and viewing the total price.

✨Project Highlights

↗️Launch site

✏️Takeaways

This project was my first React application. In addition to learning React basics, I also migrated this project from plan HTML/CSS and JS code. I learned the convenience of React components and explored using React hooks. Even though this project was only a single page application, I understood the basic logic of building a website in React that can be implemented on more complicated applications.

© Elise (Xinyi) Wang 2022

© Elise (Xinyi) Wang 2022