Skip to content

adamrodgers/simpletrack

Repository files navigation

SimpleTrack

License React NextJS TailwindCSS HeroIcons NextAuth MongoDB Node.js FontAwesome MaterialTailwind

SimpleTrack is a custom Customer Relationship Management (CRM) system designed for tracking potential insurance leads. This application is built using modern web technologies such as React, NextJS, Tailwind CSS, NextAuth for authentication, HeroIcons and FontAwesome for icons, MongoDB for the database, and Node.js for the server.

Features

  • Authentication: Secure login using Google with NextAuth.
  • Lead Management: Add, edit, delete, and view insurance leads.
  • Responsive Design: Fully responsive design using Tailwind CSS.
  • Icons: Beautiful icons provided by HeroIcons and FontAwesome.
  • Database: MongoDB for efficient and scalable data storage.

Tech Stack

  • React: Front-end library for building user interfaces.
  • NextJS: React framework for server-side rendering and static site generation.
  • NextAuth: Authentication for Next.js applications.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • HeroIcons: Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
  • FontAwesome: Icon library providing a wide range of icons.
  • Material Tailwind: Material Design components for Tailwind CSS.
  • MongoDB: NoSQL database for storing lead information.
  • Node.js: JavaScript runtime for server-side programming.

Screenshots

Screenshot 1

Screenshot 2

Screenshot 3

Getting Started

Prerequisites

  • Node.js v16.x
  • npm v7.x

Installation

  1. Clone the repository

    git clone https://github.com/your-username/simpletrack.git
    cd simpletrack
  2. Install dependencies

    npm install
  3. Set up environment variables

    Create a .env.local file in the root directory and add your environment variables.

    NEXTAUTH_URL=http://localhost:3000
    NEXTAUTH_SECRET=your-nextauth-secret
    GOOGLE_CLIENT_ID=your-google-client-id
    GOOGLE_CLIENT_SECRET=your-google-client-secret
    MONGODB_URI=your-mongodb-uri
    MONGODB_DB=your-mongodb-database
    
  4. Run the development server

    npm run dev
    Open http://localhost:3000 with your browser to see the result.
    

Usage

  • Sign In: Use your Google account to sign in.
  • Dashboard: View and manage your insurance leads.
  • Add Lead: Add new leads with detailed information.
  • Edit Lead: Update existing lead information.
  • Delete Lead: Remove leads that are no longer relevant.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

About

SimpleTrack

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published