Skip to content

Latest commit

 

History

History
34 lines (21 loc) · 2.46 KB

README.md

File metadata and controls

34 lines (21 loc) · 2.46 KB

Codify Editor

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.

Features

  1. Beautiful and Fully Responsive Design: Enjoy a visually appealing interface that adapts seamlessly to various screen sizes, ensuring an optimal experience across devices.

  2. 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.

  3. 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.

  4. 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.

  5. Download Code File: Download your code as a file for offline use or sharing purposes.

  6. User Profile Page with Saved Codes: Each user has a dedicated profile page where they can view and manage their saved codes.

  7. Edit Code: Modify and update your code snippets directly within the editor.

  8. Delete Code: Remove unwanted or outdated code snippets from your collection.

  9. 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.

Technologies Used

  • 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.