Skip to content

A simple application just like Notion but with some cool new features.

License

Notifications You must be signed in to change notification settings

ShivamJha2436/Notion_Clone

Repository files navigation

Notion Clone Project

This project is a Notion clone, aimed at replicating some of the core features of Notion, a popular productivity tool. The application provides users with the ability to create, edit, and organize documents, databases, and more, all within a single interface.

Features

  • Rich Text Editing: Users can create and edit documents with rich text formatting capabilities, including text styles, lists, and more.
  • Database Functionality: Create databases to organize and manage data, with support for various data types and properties.
  • Drag-and-Drop Interface: Intuitive drag-and-drop functionality for rearranging and organizing content within pages.
  • Collaboration: Multiple users can collaborate on documents and databases in real-time.
  • Customization: Users can customize the look and feel of their workspace, including themes and layouts.
  • Responsive Design: The application is designed to work seamlessly across different devices and screen sizes.

Technologies Used

  • Frontend:
    • React.js
    • Redux for state management
    • Styled Components for styling
    • React DnD for drag-and-drop functionality
  • Backend:
    • Node.js
    • Express.js
    • MongoDB for database management
    • Socket.IO for real-time collaboration

Getting Started

To get started with the project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/notion-clone.git
  2. Install dependencies:

    cd notion-clone
    npm install
  3. Set up environment variables: Create a .env file in the root directory. Define the following variables:

    • REACT_APP_API_BASE_URL - Base URL of the backend API.
    • Other necessary variables for database configuration, etc.
  4. Run the application:

      npm start
  5. Access the application: -> Open your web browser and navigate to http://localhost:3000 to access the application.

  6. Contributing: -> Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  7. Fork the repository.

  8. Create your feature branch (git checkout -b feature/YourFeature).

  9. Commit your changes (git commit -am 'Add some feature').

  10. Push to the branch (git push origin feature/YourFeature).

  11. Create a new Pull Request.

License This project is licensed under the MIT License.

About

A simple application just like Notion but with some cool new features.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published