Code Monkey home page Code Monkey logo

docs's Introduction

If you see something off with Mixpanel's docs (typo, broken link, outdated content/screenshot) you can now contribute that fix yourself!

Contributing Fixes

You’ll need a GitHub account. It’s free and takes 1 minute to create. Not sure what to make your handle? We recommend yourfullname-mixpanel.

Once there, email [email protected] with your Github handle to give you a Github seat in Okta. You should get automatically added to the "Mixpanel Docs" Github team, which allows you to contribute to this repository.

To make an edit:

  • Go to the page in our documentation that you want to edit. On the right side, under the table of contents, you should see an "Edit This Page" link. That will take you to the file in Github that contains the contents of that doc.
  • Click the pencil icon to make edits to a file’s markdown. You can swap between code and preview to see what your edits look like.
  • When you’re ready, hit “Commit” and follow the instructions to commit the changes to your branch and create a pull request review. Add a description if you like, keeping in mind that this is publicly accessible.
    • If you're making multiple related changes, don't create a pull request right away. Continue making changes in the branch until you're ready to post all of the changes together in one PR
  • One of the docs maintainers will review that request within 3 days and merge when approved (usually faster if it’s a small change).
  • Once merged, changes will go live automatically, typically within 1-2 minutes.

Testing Locally

This is a bit more advanced, but makes it much faster to test the impact of your changes (no waiting for the staging deployment):

  • Clone the repo
  • Install dependencies: npm install
  • Run npm run dev -- this will start serving the docs at localhost:3000
  • Make whatever changes you want locally, this should automatically reflect in your local instance of the docs.

Adding Images/GIFs

Upload images/GIFs to the public/ directory. You can make sub-directories within public/ to namespace them (eg: /public/tutorials/ for all tutorial-related images).

To reference an image, use a relative link to the image with the public stripped out. For example, if you have an image public/example.png, you can reference it as follows: [insert alt text here](/example.png).

Images are hard to keep up-to-date, so please use them judiciously.

Previewing Changes

All pull requests will generate a staging link in Vercel. Here's an example. This lets you preview your changes without changing what's actually live.

Adding new docs / changing structure

The navigation of the docs is defined based on the directory structure in this repo. The top-level structure (getting-started, tracking, analysis, admin, other-bits) should not change very often.

We have fewer, longer docs rather than many micro-docs. This helps keep navigation clean and provides confidence to the reader that everything they need to know about a topic is likely in 1 place.

The exception to this rule is for How To guides (/tracking/how-tos) or Integrations (tracking/integrations). We expect these docs to be read linearly and focused on accomplishing a certain task.

Maintainers

Vijay, Marissa, Mav, Jordan. Eventually we’ll expand this list, but keeping it tight for now.

docs's People

Contributors

ranic avatar myronkaifung avatar marissakuhrau avatar mavlee avatar jordanmnunez avatar dorothy-koh avatar peishanfrommixpanel avatar julianneb-mixpanel avatar lykoh01 avatar argenisf avatar catliaw avatar kavansabnani avatar tiffany-mixpanel avatar peddemo-mixpanel avatar msamirsaffi avatar mherrman avatar haidang-dam avatar xyn1nja avatar amit-saraff avatar caseychen008 avatar naitik-mixpanel avatar kurbycchua avatar mataeuxg avatar vicentgilmixpanel avatar emmajaniszewski1 avatar tishtashtoshlee avatar tdumitrescu avatar nsquare92 avatar ryanbuccellato avatar mmedina3 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.