npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

atomic-crm

v0.0.2

Published

A full-featured CRM built with React, react-admin, and Supabase.

Downloads

5

Readme

Atomic CRM

A full-featured CRM built with React, react-admin, and Supabase.

https://user-images.githubusercontent.com/99944/116970434-4a926480-acb8-11eb-8ce2-0602c680e45e.mp4

Atomic CRM is free and open-source. You can test it online at https://marmelab.com/react-admin-crm.

Features

  • 📇 Organize Contacts: Keep all your contacts in one easily accessible place.
  • Create Tasks & Set Reminders: Never miss a follow-up or deadline.
  • 📝 Take Notes: Capture important details and insights effortlessly.
  • ✉️ Capture Emails: CC Atomic CRM to automatically save communications as notes.
  • 📊 Manage Deals: Visualize and track your sales pipeline in a Kanban board.
  • 🔄 Import & Export Data: Easily transfer contacts in and out of the system.
  • 🔐 Control Access: Log in with Google, Azure, Keycloak, and Auth0.
  • 📜 Track Activity History: View all interactions in aggregated activity logs.
  • 🔗 Integrate via API: Connect seamlessly with other systems using our API.
  • 🛠️ Customize Everything: Add custom fields, change the theme, and replace any component to fit your needs.

Installation

To run this project locally, you will need the following tools installed on your computer:

  • Make
  • Node 20 LTS
  • Docker (required by Supabase)

Fork the marmelab/atomic-crm repository to your user/organization, then clone it locally:

git clone https://github.com/[username]/atomic-crm.git

Install dependencies:

cd atomic-crm
make install

This will install the dependencies for the frontend and the backend, including a local Supabase instance.

Once you app is configured, start the app locally with the following command:

make start

This will start the Vite dev server for the frontend, the local Supabase instance for the API, and a Postgres database (thanks to Docker).

You can then access the app via http://localhost:5173/. You will be prompted to create the first user.

If you need debug the backend, you can access the following services:

User Documentation

  1. User Management
  2. Importing And Exporting Data
  3. Inbound Email

Deploying to Production

  1. Configuring Supabase
  2. Configuring Inbound Email (optional)
  3. Deployment

Customizing Atomic CRM

To customize Atomic CRM, you will need TypeScript and React programming skills as there is no graphical user interface for customization. Here are some resources to assist you in getting started.

  1. Customizing the CRM
  2. Creating Migrations (optional)
  3. Using Fake Rest Data Provider for Development (optional)
  4. Architecture Decisions (optional)

Testing Changes

This project contains unit tests. Run them with the following command:

make test

You can add your own unit tests powered by Jest anywhere in the src directory. The test files should be named *.test.tsx or *.test.ts.

License

This project is licensed under the MIT License, courtesy of Marmelab. See the LICENSE.md file for details.