Skip to content

mainigautam/bremo-google-keep-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Memo for your Brain -"Bremo" (A Google Keep Clone)

A Simple web application to Store Important Notes,Links and Images in a To-Do Google Style App. With Real-Time Sync. if used on multiple devices.

Pre-Requisite

You must have internet connection (to install dependencies) and You Must have Node.js and MongoDB installed on your pc , I have provided links and methods for those below.

Advance users can use git clone to clone the repo and use suitable terminal commands for batch files, You can delete the client folder it is for open source sharing purposes only , App can work without it too.

Windows Users

Download Node.js, Download MongoDb Community Edition

Linux Users

sudo apt-get upgrade && sudo apt-get install nodejs, Refer Here for MongoDB Linux Installation

MacOS

Download Node.js, brew install mongodb-community@5.0

Aditionally

Make Sure MongoDB is added to $PATH by default installers don't perform this. you have to do it manually.Refer Here for Complete Installation of MongoDB

How-To Setup

[*] It's Pretty Easy just click on "Code Button" (The One in Green Colour) then --> "Download Zip" to download code.

[*] After Downloading , Extract the zip file

[*] Now go to server folder and run (double click) setup.bat to install all the dependencies.

[*] After Setup is Done, open/run/double-click run.bat in the same folder.

[*] Then Open Your Browser and type http://localhost:8081/ to access the application

Note

[*] To Run the server and app in background without console window, Close the Terminal and Double-Click on start.vbs (no output will be generated) , you can directly access htttp://localhost:8081 and observe the application working like magic

Features

  • Save your TO-DOs with ease and minimal application
  • Store, Copy and Access your links Across devices using Link-Pad
  • Take Larger Notes and Customize Colours and Attach Media to them
  • Can be accessed seamless-ly on Multiple devices via Local Network and Syncs Changes in Real-Time
  • Google Keep Mobile-Desktop UI Clone

Todo:

  • Finish Reminder Component and Functions
  • Option To Add Multiple Images
  • Fix Color Combinations and Opacity
  • Improvements in UI

Screenshots

Desktop View with Color Input Feature Single note Maximized LinkPad Feature Desktop Mode Expanded Navigation

Responsive Mobile View

Created Using

Node.js React.js Express.js Mongoose HTML CSS Javascript