The project focused on rebuilding a website for a business that sells monumental drawings by using the latest technologies in e-commerce for efficient use of the network. The new Drafting Shoppe website fetches a smaller amount of data for images, is mobile friendly, and a truly enjoyable experience for an end-user.
Built with:
- Node.js v8.9
- React v16
- Redux
- Express
- Babel
- WebPack 4
- MongoDB
Before
Single-Page Application with React server-side rendering.
Ability to search for a specific image by title, description, and category.
Powerful categorzation with subcategories, filter by attributes, and price.
Checkout page with PayPal integration.
Client-side dashboard use JSON Web Token (JWT) to access REST API.
- Node.js >= 8
- MongoDB >= 3.2
The biggest challenge was migrating data from one site to another since the old website had over 1,000 cliparts and we had to programmatically do this.
.
├── config # Project and build configurations
├── dist # Distribution folder
├── locales # Text files
├── logs # Log files
├── public # Static public assets and uploads
│ ├── admin # Dashboard index.html
│ ├── admin-assets # Dashboard assets
│ └── content # Store root folder
|
├── scripts # Shell scripts for theme install/export
├── src # Application source code
│ ├── admin # Dashboard application
│ │ └── client # Client side code
│ ├── api # REST API
│ │ └── server # Server side code
│ ├── store # Store application
│ | ├── client # Client side code
│ | ├── server # Server side code
│ | └── shared # Universal code
│ └── index.js # Server application start point
├── theme # Theme as a local package
└── process.json # pm2 process file
This software is provided free of charge and without restriction under the MIT License