https://github.com/rhw-repo/mern-post-app

In development: Full stack with JavaScript, React.js, Node.js, Express.js, MongoDB. JWT Authentication, CRUD & validation, filtering and database. Responsive CSS. TanStack Table. Current sprint: prepare for testing, refactor auth to SSO, re-testing & deployment.
https://github.com/rhw-repo/mern-post-app

css3 cssmodules-react express-validator expressjs html javascript jwt-authentification mern-stack-development mongo-db mongo-db-atlas mongoose-schema node-js postman-api react-hooks react-libraries react-router-dom react-select reactjs styled-components tanstack-table

Last synced: 11 days ago
JSON representation

In development: Full stack with JavaScript, React.js, Node.js, Express.js, MongoDB. JWT Authentication, CRUD & validation, filtering and database. Responsive CSS. TanStack Table. Current sprint: prepare for testing, refactor auth to SSO, re-testing & deployment.

• Host: GitHub
• URL: https://github.com/rhw-repo/mern-post-app
• Owner: rhw-repo
• Created: 2023-06-09T13:20:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-17T14:07:17.000Z (about 1 month ago)
• Last Synced: 2025-01-29T10:22:21.177Z (22 days ago)
• Topics: css3, cssmodules-react, express-validator, expressjs, html, javascript, jwt-authentification, mern-stack-development, mongo-db, mongo-db-atlas, mongoose-schema, node-js, postman-api, react-hooks, react-libraries, react-router-dom, react-select, reactjs, styled-components, tanstack-table
• Language: JavaScript
• Homepage:
• Size: 932 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **Demo App**

This repo contains early experiments using MERN stack, with explanatory comments: concepts for an app designed to help users store and manage online marketing documents. From these early experiments, the project was taken forward to create a custom dashboard style app featuring custom filtering for a marketing team in the financial trading sector (in private repo). This early project allowed for testing of concepts:

- React hooks/custom hooks, context

- react-dom-router

- Tanstack Table (Javascript v7 version, "react-table")

- connecting library components from different libraries to "play nicely together"

- custom styling for library components, responsive design

- accesibility (aria, aria-live, minimum font-sizing & touchpads, contrast, keyboard support)

- migrating frontend from create-react-app to vite

- signup, login / logout (simple JSON Web Tokens in development phase)

- protected API routes = after succesful login, user accesses only their own set of documents

- CRUD functionality for their documents

- dotenv module and .env file for sensitive data

## **Technologies**

- MongoDB

- Mongoose

- Express

- Node.js

- React.js

- originally Create React App, later migrated to Vite in a separate branch

- Testing requests: Postman API Platform

- Formatting: ESLint & Prettier

- Accessibility testing: WAVE, NVDA screen reader

- Original design files: Figma

## **TODOs: completed in the subsequent project**

### **Globally**

1) Add frontend and backend input sanitization (validator.js, DOM Purify & express-validator).

2) Self-host fonts using woff & woff2 files.

3) Testing and performance audit.

### **Home Page**

1) Add bulk delete feature for table if client requests.

### **Auth**

1) SSO to replace current development phase JWT email & password system.

### **Documentation**

1) Review development phase comments for refactor using JSDoc library.

### **Earlier concepts**

 Earlier concepts and frontend designs [here](https://github.com/rhw-repo/content_simple).