Project overview

Let me introduce one of my earlier demo projects, developed years ago.
No team was involved, so I had to design and build both backend and frontend from scratch. Even though it's an old project, it still represents main advantages of MERN (MongoDB, Express, React and Node.js) stack

Frontend Highlights

Few responsive pages, built with React and pure SCSS. User can make an order, and later find it in CMS

Main page

• Fully responsive design
• Parallax background created using pure CSS
• Entirely built with React
• Interaction with the server-side via a REST API

CMS/Control Panel

Everything on the website can be modified via a simple hand-written content management system (CMS). Since it's a demo project, it doesn't require any authentication. All changes you make will be visible for all visitors, so in 30 minutes after you perform your first change, everything will be reset

CMS editor

• Everything can be adjusted with a simple CMS
• CMS is a separate frontend made with React
• Accessible by adding '/admin' after the site URL
• No authentication required
• All changes are reverted 30 minutes after the change
• Manual reset available through the reset button

Backend Insights

All content and orders are stored in MongoDB database, and are managed by Node.js+Express server. Pretty simple, yet effective. Auto-reset happens on backend side as well

Single order page

• A single Nodes.js+Express server
• 2 sets of API endpoints for client and CMS frontends
• All website contents are stored in Mongo database