Visionx
VisionX is a comprehensive e-commerce platform specializing in vision and accessibility devices. The project features a customer-facing website built with React and a separate admin panel for managing products, orders, and users.
Install / Use
/learn @chauhan-varun/VisionxREADME
VisionX - Vision Device E-Commerce Platform
Overview
VisionX is a comprehensive e-commerce platform specializing in vision and accessibility devices. The project features a customer-facing website built with React and a separate admin panel for managing products, orders, and users.
Live Demo
Project Structure
- Frontend: React application for customers to browse and purchase products
- Backend: Express.js API with MongoDB database
- Admin Panel: Separate React application for site administration
Technology Stack
Frontend
- React 19.0.0
- Vite 6.2.0
- TailwindCSS 4.0.15
- React Router DOM 7.4.0
- Framer Motion for animations
- Axios for API requests
Backend
- Node.js with Express
- MongoDB with Mongoose
- JWT for authentication
- bcrypt for password hashing
Setup Instructions
Frontend
cd frontend
npm install
npm run dev
Backend
cd backend
npm install
# Create a .env file based on .env.example
npm run dev
Admin Panel
cd admin
npm install
npm run dev
Admin Panel Screenshots
Related Skills
ai-cmo
Collection of my Agent Skills and books.
next
A beautifully designed, floating Pomodoro timer that respects your workspace.
product-manager-skills
31PM skill for Claude Code, Codex, Cursor, and Windsurf: diagnose SaaS metrics, critique PRDs, plan roadmaps, run discovery, and coach PM career transitions.
devplan-mcp-server
3MCP server for generating development plans, project roadmaps, and task breakdowns for Claude Code. Turn project ideas into paint-by-numbers implementation plans.
