🛒 Amazon Clone – Frontend

A clone site mimicking the core functionality of Amazon.com — manipulating the cart, placing orders, and tracking packages. Built with HTML, CSS, and vanilla JavaScript.

🚀 Live Demo

[View the deployed site](https://www.twine.net/signin

📦 Features

• 🛍️ Add/remove items from cart
• 📋 View cart summary and total
• 🧾 Place orders and simulate checkout
• 🚚 Track package status
• 🔍 Responsive design for desktop and mobile

🧰 Tech Stack

• HTML5
• CSS3
• Vanilla JavaScript
• Render (Static Site Hosting)

🔗 Backend Integration

This frontend connects to a custom Express.js backend deployed separately on Render. API endpoints handle cart logic, order placement, and tracking.

Backend repo: [amazon-clone-backend](https://www.twine.net/signin

🍔 Food Order Web Application

This is a fullstack food ordering web application built as a personal project to explore modern web development workflows and deployment strategies.

✨ Features

Users can:

• 📝 Register an account
• 🔐 Log in / log out
• 🛒 Add items to cart and update cart items
• 💳 Checkout the cart and create orders
• 🔁 Re-add items from the orders page
• 🗑️ Delete past orders

🧰 Tech Stack

Frontend

• React for UI components
• Vite as the build tool and development server
• CSS3 for styling

Backend

• Express.js for RESTful API routes and server logic
• MongoDB for data persistence
• Mongoose for object modeling and database interaction

🚀 Deployment

• Frontend is hosted on [Vercel](https://www.twine.net/signin
• Backend is hosted on [Northflank](https://www.twine.net/signin using Docker for containerized deployment.

🔗 Architecture Overview

• The frontend communicates with the backend via HTTPS using RESTful API endpoints.
• Authentication and order processing are handled server-side, while cart management is handled on the client using local storage.

🛠️ Development Notes

• Vite was used for its fast dev server, hot module replacement, and optimized build output.
• Environment variables are injected at build time for both frontend and backend.
• CORS is configured to allow secure communication between Vercel and Northflank domains.

Thanks for reading!