React Stamps Catalog
by John Vincent
Posted on July 10, 2023
Philately
Philately is a Stamp Catalog application.
Use Philately to view the stamps of selected Nations.
Live Deployment
Technical
-
Philately is built using the MERN stack. The front-end is built using React, Redux, HTML5, Sass and CSS3.
-
Philately is fully responsive, adapting for mobile, table and desktop viewports.
-
All routing is handled in the front-end by React
-
Extensive form validation and error handling is demonstrated throughout the app. On the front-end, field type, value, length etc is validated using HTML5, React and Redux. On the server-side and JOI performs detailed validation.
-
Philately is fully unit tested on the front and server-side. For React testing, Jest has been used. For the server-side, Mocha and Chai, with extensive use of the Faker library to mock-out dependencies.
-
All client and server communications are performed using https.
-
Philately fully implements Google Analytics
-
Philately fully supports Google Webmaster Tools
-
Philately is deployed to an Ubuntu droplet at Digital Ocean and kept running using PM2
-
Philately resources are served from Nginx Server with a reverse proxy to pass certain requests to a Node Express Server.
-
The Ubuntu droplet at Digital Ocean can only be accessed with SSH from a particular client. All other access is disabled.
Performance
Deploy Philately
Philately is deployed to a Digital Ocean Droplet.
Please see Configure and Deploy to Ubuntu Droplet at Digital Ocean for deployment details.
Maintenance
The following describe tasks required for the maintenance of Philately at Digital Ocean.
Update SSL Certificates to Ubuntu at Digital Ocean
Maintaining Droplets at Digital Ocean
Website Validation
The following describe tasks required for the validation of Philately at Digital Ocean.
Client Technologies
