CodeSync is a web application that serves as a simplified clone of the CodePen editor. It provides users with the ability to write and preview HTML, CSS, and JavaScript code in real-time. Additionally, the project features user authentication, including login and signup functionality. The application is built using the React library for the frontend, Express for the backend, and MongoDB as the database.
-
Code Editors: Users can write and edit HTML, CSS, and JavaScript code within the provided editors, enabling real-time preview and testing of code snippets.
-
User Authentication: CodeSync includes a user authentication system, allowing users to sign up for an account and log in securely. This functionality enables personalized experiences and the ability to save and share code snippets.
-
React: The frontend of the application is built using React, a popular JavaScript library for building user interfaces.
-
Express: The backend server is powered by Express, a minimal and flexible Node.js web application framework.
-
MongoDB: MongoDB serves as the database management system for storing user information, code snippets, and other relevant data.
-
React CodeMirror: The project utilizes the React CodeMirror library, which integrates the CodeMirror code editor into React components, providing a versatile and customizable code editing experience.
-
Clone the Repository:
git clone https://github.com/your-username/codesync.git
-
Install Dependencies:
cd codesync npm install -
Set Up MongoDB:
- Install MongoDB if not already installed.
- Create a MongoDB database and configure the connection details in the project.
-
Run the Application:
npm start
The application should now be running on http://localhost:3000.
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.