Skip to content

Vaer is a modern, minimal e-commerce web application built with React + Vite, focused on clean UI, smooth animations, and a real-world shopping flow. This project was created to practice frontend architecture, routing, animations, and deployment using modern tools.

Notifications You must be signed in to change notification settings

visualsbyaswin/VaerClothing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛍️ Vaer — Modern E-Commerce Web App

Vaer is a modern, minimal e-commerce web application built with React + Vite, focused on clean UI, smooth animations, and a real-world shopping flow. This project was created to practice frontend architecture, routing, animations, and deployment using modern tools.

🚧 What Am I Currently Working On?

Building and refining Vaer, a fashion e-commerce experience

Improving React Router–based navigation

Implementing smooth scroll & animations

Deploying and maintaining projects on GitHub Pages

Actively seeking frontend opportunities 🚀

🧰 Technologies & Tools Used Frontend

React (Vite)

React Router DOM

JavaScript (ES6+)

HTML5

CSS3

Animations & UX

GSAP

Lenis (Smooth Scrolling)

Tooling

Vite

ESLint

Git & GitHub

GitHub Pages (Deployment)

✨ Features

Product listing interface

Product detail / checkout pages

Smooth page transitions

Scroll-based animations

Clean, minimal UI design

Fully responsive layout

Client-side routing with React Router

📚 What I Learned 🧭 React Routing

Learned how to structure routes using React Router

Handled GitHub Pages routing issues using basename

🎨 Animations & Smooth UX

Used GSAP for motion and interactions

Implemented Lenis for smooth scrolling behavior

🛠️ Vite & Build Process

Understood Vite’s build system and base configuration

Fixed white-screen issues on GitHub Pages deployment

🚀 Deployment

Deployed production builds using gh-pages

Learned how static hosting works for SPA projects

🧠 Overall Growth

This project helped me understand how real-world frontend projects are built, debugged, and deployed — not just coded.

▶️ Running the Project Locally

Clone the repository

git clone https://github.com/visualsbyaswin/VaerClothing.git

Install dependencies

npm install

Start development server

npm run dev

Open http://localhost:5173 in your browser.

🌍 Live Preview

🔗 Live Site: https://visualsbyaswin.github.io/VaerClothing/

📬 How to Reach Me

GitHub: https://github.com/visualsbyaswin

Email: [email protected]

⭐ Final Note

Vaer is a continuous learning project. I plan to keep improving UI, performance, and features as I grow as a frontend developer.

If you like the project, feel free to ⭐ the repository!

About

Vaer is a modern, minimal e-commerce web application built with React + Vite, focused on clean UI, smooth animations, and a real-world shopping flow. This project was created to practice frontend architecture, routing, animations, and deployment using modern tools.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published