Laptop icon

Show your projects

Get inspired by amazing projects, find your startup idea

Like Expense

✅ Project Overview This is a full-stack Expense Tracker app with: Backend (API): Node.js + Express + MongoDB (Mongoose) Frontend: React (Vite) SPA Core Functionality: user auth, income/expense CRUD, dashboard analytics, and Excel export It’s structured as two separate apps under TrackExpense: backend/ → API server (auth + expense/income management + analytics) frontend/ → React UI (login/signup, dashboard, add/edit transactions, profile) 🧱 What the App Does (Features) ✅ Authentication Register + Login (email + password) JWT token-based auth (stored in localStorage or sessionStorage) Protected routes require auth token 💸 Expense / Income Tracking Add / update / delete expenses Add / update / delete income Each record includes: description, amount, category, date Records are linked to a specific user (via userId) 📊 Dashboard & Analytics Monthly income/expense summary Savings calculation Recent transactions list Expense category breakdown (for charts) Timeframe filtering (monthly/weekly/etc.) 📄 Export Export income or expense data to Excel (.xlsx) from the server 🗂️ Backend (API) Structure Main API routes All API routes are mounted under /api/*: /api/user → user auth & profile /api/income → income CRUD + overview + Excel export /api/expense → expense CRUD + overview + Excel export /api/dashboard → dashboard summary Key Backend Tech Express for routing MongoDB + Mongoose for persistence JWT for auth (middleware/auth.js) bcryptjs for password hashing xlsx to generate Excel spreadsheets 🧩 Frontend (React) Structure The UI is under frontend/src/ with pages like: Dashboard.jsx — main analytics page (charts + summary) Income.jsx / Expense.jsx — transaction management Profile.jsx — update profile, change password Login.jsx / Signup.jsx — authentication Layout.jsx — common layout / nav + sidebar It stores auth tokens in local/session storage and keeps transaction state in local storage for faster UI updates.

Make0 AI

Make0.ai is an AI canvas that converts your files into content using AI agents. Most AI tools work through chat. You upload a file, write prompts, copy outputs, and move them into other tools to finish the job. Make0.ai replaces this workflow with a visual AI canvas.You can drop your files directly onto the canvas - similar to a workspace like Dropbox - but instead of just storing files, the system understands and processes them using AI content agents. Input: Your Files Upload or drag-and-drop different types of files:   Videos and recordings Podcasts and audio files Documents and PDFs Presentations Notes and research files Voice recordings   All files become part of a semantic knowledge layer, allowing you to search across all your content using natural language.   Example searches:   “Find the part where we discussed product strategy.” “Turn this research into a presentation.” “Create shorts from this podcast.”   AI Canvas Instead of interacting with AI through chat, Make0 provides a visual workspace where you place files, outputs, and workflows on a canvas. This allows users to:   organize content visually combine multiple sources of information generate outputs directly from files manage content workflows in one place   AI Content Agents Make0 uses content agents that analyze the uploaded files and generate outputs automatically. Capabilities include: Agentic video editing Detect key moments in long videos Generate social-ready short clips Podcast to video Convert audio into short-form video content Auto shorts creation Turn long recordings into multiple short videos Document transformation Convert research or notes into structured documents Presentation generation Turn documents, auido, video, notes into presentations Voice cloning Generate voiceovers using cloned voices Content repurposing Transform one piece of content into multiple formats   Outputs From the same workspace, Make0.ai generates: Short-form videos Social media shorts Presentations Structured documents Voiceover narration Repurposed content assets   Core Workflow Input: Videos, podcasts, documents, notes AI Layer: Semantic understanding + AI content agents Output: Shorts, presentations, documents, and media assets   What Makes Make0 Different Canvas interface instead of chat AI agents that perform multi-step content workflows Semantic search across all files Automatic content repurposing from a single source   Make0.ai functions as a content intelligence workspace where raw files are converted into usable content automatically. 🚀

RailsMap – Interactive API Documentation for Ruby on Rails

RailsMap is an open-source Ruby gem that automatically generates interactive API documentation for Ruby on Rails applications. By analyzing your application's routes, controllers, and models, RailsMap builds structured documentation that stays aligned with your codebase without requiring manual updates or complex configuration. Instead of maintaining separate documentation tools, developers can instantly explore their API through a clean and organized interface. RailsMap helps teams understand application structure, inspect endpoints, and navigate resources quickly, making it especially useful for large Rails applications or teams onboarding new developers.Key Features: Automatic API Documentation – Generates documentation directly from Rails routes, controllers, and models Route Explorer – View all application routes grouped by controllers with HTTP methods and paths Controller Documentation – Dedicated pages showing detailed route information for each controller Model Insights – Displays model attributes, associations, validations, and scopes API Parameter Detection – Automatically detects path, query, and request body parameters with inferred types Interactive Documentation UI – Clean interface for exploring endpoints and understanding API structure Static HTML Export – Generate shareable documentation that can be hosted or distributed easily Authentication Support – Secure documentation access with configurable authentication options Customizable Theme – Adjust primary theme colors to match your application branding Responsive Design – Optimized for both desktop and mobile viewing   Why RailsMap? Maintaining API documentation manually can be time-consuming and often becomes outdated as applications evolve. RailsMap solves this by generating documentation directly from the Rails application structure, ensuring accuracy and reducing documentation overhead. It allows development teams to: Quickly explore and understand existing APIs Improve onboarding for new developers Share API references internally or externally Keep documentation synchronized with the codebase   RailsMap aims to provide a lightweight, developer-friendly solution for automatic API documentation within the Ruby on Rails ecosystem.

Step by step tutorials

Interactive tutorials, by developers, for developers

Mic iconPlay icon
Homepage about left icon

Step into the Commudle Developerverse

Developer Ecosystem

Being a Techie is a superpower,
share knowledge & collaborate with more people like you.

Find Opportunities
Your Commudle profile is your Developer journey towards a strong network and new opportunities.

Knowledge Sharing

Publish your own tutorials, share those projects which you are building and get recognized.

Communities
Build your own Community or join one, learn new things, help other developers. One platform for all engagements.
Homepage about right icon

Testimonials

Don't just take our word for it

Who should have a profile on Commudle?

If you are a Software Developer, Designer, DevRel or a Community Leader then Commudle is for you.

Why do I need a Commudle profile?

It helps you build recognitions with not just your community contributions on Commudle, but everything on the internet from your blogs to your public projects.

How can I get a blue tick? Expert Tick

If you think you are an expert in a technology, just fill this form and we'll get back: Expert Nomination Form

Why to have my Developer Community on Commudle?

The right tools to engage your members all at one place. From events, newsletter to forums & chats. It's very easy to manage members & every community activity helps you build your profile.
Are you a Student?Start a Developer community for Free! Get started