Skip to content

Ayush19bansal/CodepenProject

Repository files navigation

CodePen Clone

CodePen Clone is a web application built with React.js that replicates the functionalities of CodePen, providing users with a platform to create, edit, and share HTML, CSS, and JavaScript code snippets. The application integrates Firebase for authentication and real-time database functionalities.

Features

  • User Authentication: Firebase Authentication is used to allow users to sign up and log in securely to the platform.
  • Real-time Database: Firebase Realtime Database is utilized to store and retrieve code snippets and user data, ensuring seamless real-time updates across the application.
  • Code Editing and Sharing: Users can create, edit, and share HTML, CSS, and JavaScript code snippets with other users.

Technologies Used

  • React.js
  • Firebase (Authentication and Realtime Database)

Usage

  1. Users can sign up for an account or log in using their existing credentials.
  2. Once logged in, users can create, edit, and share code snippets.
  3. Code changes are saved in real-time and synchronized across all connected users' browsers.
  4. Users can explore and interact with code snippets shared by other users.

Contributing

Contributions to the CodePen Clone project are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository on GitHub.
  2. Create a new branch for your feature or bug fix.
  3. Make changes and commit them to your branch.
  4. Push your changes to your fork.
  5. Submit a pull request to the main repository's develop branch.