https://github.com/pettiboy/pseudo-notion

Website similar to notion built using the MERN (MongoDB, ExpressJS, React, NodeJS) stack with authentication powered by firebase.
https://github.com/pettiboy/pseudo-notion

express firebase full-stack full-stack-web-development javascript material-ui mern mern-project mongodb nodejs notion notion-clone react reactjs

Last synced: 6 days ago
JSON representation

Website similar to notion built using the MERN (MongoDB, ExpressJS, React, NodeJS) stack with authentication powered by firebase.

• Host: GitHub
• URL: https://github.com/pettiboy/pseudo-notion
• Owner: pettiboy
• Created: 2022-02-18T04:06:47.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-04T11:55:39.000Z (almost 2 years ago)
• Last Synced: 2023-03-07T13:29:06.391Z (over 1 year ago)
• Topics: express, firebase, full-stack, full-stack-web-development, javascript, material-ui, mern, mern-project, mongodb, nodejs, notion, notion-clone, react, reactjs
• Language: JavaScript
• Homepage: https://pseudo-notion.pettiboy.com
• Size: 7.29 MB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Pseudo Notion

[![](https://img.shields.io/badge/Authentication-Firebase-yellow?style=for-the-badge&logo=firebase)](https://firebase.google.com/)

[![](https://img.shields.io/badge/Frontnend-ReactJS-blue?style=for-the-badge&logo=react)](https://reactjs.org)

[![](https://img.shields.io/badge/Database-MongoDB-red?style=for-the-badge&logo=mongodb)](mongodb.com "MongoDB")

[![](https://img.shields.io/badge/Backend-Express-black?style=for-the-badge&logo=express)](https://expressjs.com/ "ExpressJS")

[![](https://img.shields.io/badge/Styling-Material_UI-darkblue?style=for-the-badge&logo=mui)](https://mui.com/ "Material UI")

Make sure you ⭐️ this [`repository`](https://github.com/pettiboy/react-ui-scrollspy) if you find it helpful or interesting :)





Website similar to **notion** built using the `MERN` ([MongoDB](https://mongodb.com), [ExpressJS](https://expressjs.com/), [React](https://reactjs.org), [NodeJS](https://nodejs.org/en/)) stack with authentication powered by [`firebase`](https://firebase.google.com/).

## 🎞 Demo

### Try it your self [here](https://pseudo-notion.pettiboy.com)!

| `Dark Mode`                              | `Light Mode`                               |

| :--------------------------------------- | :----------------------------------------- |

| ![Dark Mode Demo](./assets/ss-dark1.png) | ![Light Mode Demo](./assets/ss-light1.png) |

## 📝 Functionality

1. Sign In with Google

1. Create Page

1. Update Title and Content

1. Delete Page

1. Middleware to handle authentication

1. Light and Dark mode support

1. Material Design UI

## ⚙️ Tech Stack

1. `Firebase` - Authentication and Cloud Functions

1. `MongoDB` - Database

1. `Express` - Backend REST API

1. `React` - Frontend

1. `Material UI` - Styling

## 📝 Authors

Made with ❤️

- Hussain Pettiwala ([@pettiboy](https://github.com/pettiboy))