LOXI is a fully responsive ecommerce frontend application built using HTML, CSS, and JavaScript. It demonstrates dynamic UI rendering, cart functionality, and authentication flows using a mock REST API powered by JSON Server.
This project focuses on frontend engineering, UI structuring, and API integration — not on building a production backend.
https://loxi-store.netlify.app/
Frontend Application with Mock API Integration
- Frontend built using HTML, CSS, JavaScript
- Backend simulated using JSON Server
- Data stored locally in
db.json - Designed to practice frontend architecture and API consumption
This is not a production full-stack ecommerce platform.
- Dynamic Home Page displaying apparel items
- Product Listing fetched from API
- Product Detail view using URL parameters
- Add/remove items from cart
- User registration & login simulation
- Responsive design across devices
- Notification-based UI feedback
| Category | Tools |
|---|---|
| Frontend | HTML, CSS, JavaScript |
| Styling | CSS3 (Responsive) |
| Mock Backend | JSON Server |
| Data Handling | Fetch API, async/await |
| Version Control | Git & GitHub |
| Deployment | Netlify |
git clone https://github.com/<your-username>/loxi-store.git
cd loxi-store
npm install -g json-server
cd DATA
json-server --watch db.json --port 3000
API available at:
http://localhost:3000
Open index.html using Live Server or browser.
| Endpoint | Description |
|---|---|
| /products | Get product list |
| /products/:id | Get product details |
| /users | Register/Login simulation |
| /cart | Cart operations |
- Structuring multi-page frontend systems
- Fetch API and async data handling
- URL parameter based rendering
- Cart state logic implementation
- Working with REST-style endpoints
- Mock backend integration
- Deployment workflow
Sukhpreet Singh