Skip to content

HimashaWijewickrama/tasty-layers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Overview

Tasty Layers Cake Shop is a responsive Single Page Application(SPA) that is developed using React. The application allows users to explore a variety of tasty cakes and place the orders. Additionally, customers/users can post their own comments about the service. Also,they can review about the posted comment. After reviewing the comments, they can delete or confirm to send. Have added bootstrap, react-icons, spinners, sweetalerts, loading animations(spinners) and attractive images to the purpose of increasing user experiences.

Prerequisites

  • Install the Node.js : version 18.16.1
  • Node Package Manager (npm) : version 9.5.1 (This is comming bundled with node)
  • Visual Studio Code Editor (VSCode Editor)

Used Packages and Dependencies

  • react bootstrap : latest version 2.10.2
  • react icons : latest version 5.2.1
  • sweetalert2 : latest verion 11.11.1
  • react loader spinner : latest version 6.1.6
  • react scroll : latest version 1.9.0

Other Resources

Used https://mockapi.io/ to create the sample APIs.
All images from https://unsplash.com/

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Compiles the project for production.

npm run deploy

Deploy the project to the hosting environment. (Here, GitHub pages)

Local: http://localhost:3000/tasty-layers
On Your Network: https://himashawijewickrama.github.io/tasty-layers/

Screen Shots

screencapture-himashawijewickrama-github-io-tasty-layers-2024-09-03-23_01_10

screencapture-himashawijewickrama-github-io-tasty-layers-2024-09-03-23_01_35

one

two

three

four