DEV Community

Cover image for my-notebook using MongoDB
Mohit Maroliya
Mohit Maroliya

Posted on

my-notebook using MongoDB

Overview of My Submission

Today, writing notes is very important in order to stay organised. Especially in Corperate sector, When you write all your tasks in form of notes, they seem more manageable. When you've got a clear outline of the tasks you've got to do and those you've completed, it helps you stay focused. Also it works as a reminder for you.

my-notebook is a web application that is used to keep your notes securly. Each user can create, edit and delete its own notes. It also authenticates the user before performing any CRUD operations.

Submission Category: Prime Time

Link to Code

GitHub logo mohitm15 / my-notebook

my-notebook is a web application that is used to keep your notes securely.


my-notebook

Handy tool to make your notes
Explore the docs »

View Demo

Table of Contents

  1. About The Project
  2. Getting Started
  3. Preview
  4. Contributing
  5. Contact

About The Project

my-notebook is a web application that is used to keep your notes securly. Each user can create, edit and delete its own notes. It also authenticates the user before performing any CRUD operation.

Built With

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Package.json file mentioned the requirements you need to use the software and how to install them.

  • npm

    npm install npm@latest -g
    Enter fullscreen mode Exit fullscreen mode
  • Any code editor of your choice (VScode preferable )

Installation

  1. Clone the repo
    git clone https://github.com/mohitm15/my-notebook.git
    Enter fullscreen mode Exit fullscreen mode
  2. Install NPM packages and requirements
    npm install
    Enter fullscreen mode Exit fullscreen mode

Running the code

  1. To run the frontend server , go to terminal and run

        cd frontend
    Enter fullscreen mode Exit fullscreen mode

    and then

    Enter fullscreen mode Exit fullscreen mode

Additional Resources / Info

[Note:] # (Be sure to link to any open source projects that are using your workflow!)

Technologies Used :

  • FrontEnd : ReactJS & Framer Motion
  • Backend : ExpressJS & NodeJS
  • DataBase : MongoDB

ScreenShots

[Note:] # Screenshots/demo videos are encouraged!

SignUp Page

signup_page

Login Page

login_page

Home Page

  • Theme : Dark

homepage_dark

  • Theme : High Contrast

homepage_highcontrast

  • Theme : Dark Teal

homepage_teal

  • Theme : Rainbow

homepage_rainbow

Demo video

video

PS: Project is built and hosted with MongoDB ecosystem and ❤️

Discussion (0)