Universal React Apollo Registration
Open Source Universal User Registration System – NodeJS React Apollo GraphQL JWT MongoDB
Overview:
The Open Source Universal User Registration System is a NodeJS React Apollo GraphQL JWT MongoDB application. It provides registration, login, dashboard, email password, and logout functionalities, along with features like account update, user profile editing, browsing users, and public profile pages. The system is fully responsive and allows access restriction to any page. It uses the tech stack of NodeJS, React, Server-side Rendering, Apollo Client, GraphQL, MongoDB, JSON Web Tokens, Webpack, SASS, ESLint, and Husky. The system also includes password encryption, CKEditor for WYSIWYG editing, file upload for profile images, custom mail server for password reset emails, and multiple layouts for pages/routes. It is a free and open-source project.
Features:
- Bcrypt password encryption/verification
- CKEditor - WYSIWYG editor
- File Upload – Profile Images
- Nodemailer – Custom mail server used to send password reset emails
- Custom ‘Password Reset’ Template (Built with MJML Framework)
- Multiple Layouts – Create unlimited layouts for pages/routes
- Toastr - Simple javascript toast notifications
Summary:
The Open Source Universal User Registration System is a feature-rich application built using NodeJS, React, Apollo GraphQL, JWT, and MongoDB. It provides a comprehensive set of user registration and management functionalities, along with customizable layouts, password encryption, and email notifications. The system is easy to install and configure, making it suitable for developers looking for a robust registration system for their applications.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.