Project Documentation
Welcome to Cake Shop. Take the time to read the complete documentation to get a comprehensive overview of the project. It helps you to understand all the technologies used for project creation and this website.
Phase 01 : Project Research
Research the project and select the project type.
Write down all technologies for this project.
Collect all assets and select color, font.
Review all assets and ready to go.
Phase 02 : Installation
Create basic React Apps using npx create-react-app
Install React Router Dom v6.6.2
install Tailwind CSS & DaisyUI and add config file.
Install TanStack Query
Add google font: Poppins
install react-slideshow-image v.4.1.1
Phase 03 : Implementation
Create router, component, and Basic pages.
Add navigation: nav items, the logo also make fully responsive
add footer section.
Add home slider and other sections
Add product and its dynamic route
create a JSON file for all products
Fetching data to show cards
Phase 04 : Server Side
Create Basic Node express backend server
install NPM, node, express, cors, etc
add default endpoint and run the server
add all products end point from Product.json file
Query single product from all products and create single product endpoint.
Host server in vercel
Add endpoint to the frontend and fetch all data
Phase 05 : Finale Touch
Complete all Details and fix all errors.
Build the website using: npm run build
Host site to Netlify and create live site
Fix Netlify page Reload error problem
Project completed and ready to submit.