Oshune is a modern, responsive skincare e-commerce website built with Html, Css, Vanilla Js built to showcase a curated collection of clean beauty products, designed to nourish skin and highlight natural radiance. This site blends elegant design with interactive features like quantity selectors, add to cart, delete cart items etc and dynamic product listings.
- Interactive UI
- Semantic HTML for accesssibility and structure
- Dynamic Product Listing through JavaScript API integration and Template Element for Html
- Responsive Layout for desktop and mobile devices
- Add products to the cart according to users selection (quantity increase/decrease) and also edit the cart products accordingly
- Dynamic Footer
- Toast Notification
-
HTML5 – semantic structure
-
CSS3 – styling and layout
-
JavaScript (Vanilla) – dynamic UI and API logic
-
JSON – structured product data
-
Vite – fast development server and build tool
-
Sora - website images [https://sora.chatgpt.com/]
- Contact page
- Responsiveness
- Optimization
- Accordin and customer Reviews section
- Clone the repository
git clone https://github.com/SanjilaGangaju/Oshune.git - Navigate to the project foler:
cd Oshune - Install Dependencies:
npm install - Start the development server:
npm run dev - Open http://localhost:5173 in your browser.
- Design Inspo - [https://dribbble.com/shots/25976583-Skincare-product-landing-page]