Welcome to Codify Editor, a MERN stack project that provides a powerful code editor for rendering HTML, CSS, and JavaScript code directly in your browser.
-
Beautiful and Fully Responsive Design: Enjoy a visually appealing interface that adapts seamlessly to various screen sizes, ensuring an optimal experience across devices.
-
Full Authentication and Authorization: Securely manage user access with full authentication and authorization mechanisms. Only authorized users can access and modify code, ensuring the safety of your data.
-
Code Saving in Database: Save your code snippets directly to the database for easy retrieval and access. Never lose your work again, and seamlessly pick up where you left off.
-
Share Code via URL Link: Easily share your code creations with others by generating URL links. Collaborate with team members or showcase your work to the world effortlessly.
-
Download Code File: Download your code as a file for offline use or sharing purposes.
-
User Profile Page with Saved Codes: Each user has a dedicated profile page where they can view and manage their saved codes.
-
Edit Code: Modify and update your code snippets directly within the editor.
-
Delete Code: Remove unwanted or outdated code snippets from your collection.
-
Lazy Loading and Proper Error Handling: Implementing lazy loading ensures efficient resource usage, while proper error handling enhances the user experience by providing informative feedback.
- React.js: A powerful JavaScript library for building user interfaces, enabling efficient rendering and seamless interaction.
- Tailwind CSS: A utility-first CSS framework for quickly building custom designs without having to leave your HTML.
- Express.js: A minimalist web framework for Node.js, providing a robust set of features for web and mobile applications.
- MongoDB: A robust and scalable NoSQL database for storing code snippets securely.
- Passport.js: Authentication middleware for Node.js, supporting various authentication strategies.
- Shadcn: A collection of beautifully designed, accessible, and customizable React components that you can use to build modern web applications.
- CodeMirror: A versatile text editor implemented in JavaScript for the browser, used for the code editor component.
- React Router DOM: A routing library for React, enabling navigation and URL manipulation in the application.