Skip to content

Initial Full-Stack Project Build (Electron Client & Node.js/MongoDB Backend & Authentication with Firebase)#202

Open
AkkuByte wants to merge 4 commits intovicharanashala:mainfrom
AkkuByte:main
Open

Initial Full-Stack Project Build (Electron Client & Node.js/MongoDB Backend & Authentication with Firebase)#202
AkkuByte wants to merge 4 commits intovicharanashala:mainfrom
AkkuByte:main

Conversation

@AkkuByte
Copy link
Copy Markdown

This pull request initializes the complete, fully functioning Vi-Notes application from scratch. Prior to this submission, the repository contained only the README.md and LICENSE files.

This PR introduces the entire full-stack architecture, including the Electron-based React frontend, Firebase authentication, a Node.js/Express backend, and a local MongoDB database integration.

Key Features & Implementations

🏗️ Project Architecture & Setup

  • Full-Stack Initialization: Established the complete folder structure separating the vi-notes-client (frontend) and backend services.
  • Electron Desktop Client: Built the core frontend application using React wrapped in Electron to run as a desktop application.

🛠️ Backend & Database Infrastructure

  • Node.js/Express Backend: Built a local backend server from the ground up to handle API requests.
  • MongoDB Integration: Set up a local MongoDB database to manage application data.
  • Data Modeling: Created Mongoose schemas and models for robust handling of session and telemetry data.
  • RESTful API: Developed local API endpoints to handle CRUD operations and batch telemetry syncing.

🔐 Authentication & Integration

  • Firebase Authentication: Implemented user authentication using Firebase, specifically integrating the "Continue with Google" sign-in flow and ensuring the OAuth popup triggers correctly.
  • Localhost API Connection: Configured the frontend to communicate seamlessly with the local REST API (http://localhost:5000) for all session fetching and data syncing.

🎨 UI / UX Design

  • Minimalist Light Mode UI: Designed and implemented a clean, minimal light mode visual interface from scratch.
  • Core Components: Built the Login, Dashboard, and Editor components utilizing a cohesive white color palette, flat buttons, and simplified layouts.
  • Custom Assets: Integrated custom

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant