ace3 / cheat-sheet-maker

A MERN application that can be used to create and share cheat sheets with markdown editing

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cheat-sheet maker

A fullstack application to create and share tabulated cheat sheets using markdown syntax. The backend is developed with node-JS, express-JS and mongo-db while the frontend is developed with React.

Checkout the website.

Features

  • Browse sheets made by others
  • Sheet making and editing
  • Syntax highlighting with various languages
  • Authentication
  • Fully Responsive on mobile screens (although creating sheets is not very practical on small screens).

Screenshots

Home Page

Home page screenshot

Sheet maker

Sheet maker screenshot

sheet example

example sheet screenshot

Local testing

The project is divided into two parts, the server handles the backend and mongoDB access; and the client where the react frontend is implemented. To run the application locally, clone this repository and run npm install both in the main directory and in the client directory. Once the package installation is done, run npm run dev which will use concurrently and run/watch for modifications in the client and the server simultaneously.

Environment variables

  • After creating a mongoDB cluster, assign the connection string to the variable dbURI in .env (create the file if not already present) of the main directory.

  • You will also need to assign a value for the variable jwtSecret in .env which is needed by jsonwebtoken used for generating web tokens.

To Update the heroku, run this command

git push heroku master

About

A MERN application that can be used to create and share cheat sheets with markdown editing


Languages

Language:JavaScript 98.3%Language:HTML 1.2%Language:CSS 0.5%