Skip to content

DanielChahine0/Webapp-Think_Board

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Think Board

Unleash Creativity, Organize Ideas Instantly

GitHub last commit GitHub top language GitHub language count


Built with the tools and technologies

JavaScript badge React badge Express badge Mongoose badge React Router badge Axios badge Vite badge npm badge .ENV badge ESLint badge Nodemon badge PostCSS badge Autoprefixer badge DaisyUI badge JSON badge Markdown badge


📚 Overview

Think Board is a full-stack web application that lets you capture notes, brainstorm ideas, and organize projects in one place.
Whether you’re a developer jotting down code snippets or a student planning assignments, Think Board keeps everything tidy and searchable.

🚀 Quick Start

1. Clone the repo

git clone https://github.com/<your-user>/WEBAPP-THINK_BOARD.git
cd WEBAPP-THINK_BOARD

2. Install dependencies (client + server)

npm install              # root – installs server deps
cd frontend && npm i     # installs React/Vite deps

3. Create an .env file

MONGO_URI = mongodbXXXXXXXXXXXXXXXXXXXXXX
PORT = XXXX
UPSTASH_REDIS_REST_URL = "https://XXXXXXX.upstash.io"
UPSTASH_REDIS_REST_TOKEN = "XXXXXXXXXXXXXXXXXXXXXXX"
NODE_ENV = development
RATE_LIMIT_TOKENS = 25

4. Run in dev mode

npm run dev              # concurrently runs Vite + Express + Nodemon

📝 About

Think Board is a modern, full-stack “idea capture” workspace built with the MERN-plus stack (MongoDB + Express + React + Node, enhanced by Vite, DaisyUI, PostCSS and more). The project aims to give developers, students, and teams a friction-free canvas for:

  • Rapid note-taking & brainstorming – create, edit, and delete notes in real time.
  • Project organisation – group ideas, tasks, or research snippets in a single searchable hub.
  • Instant search & filtering – powered by MongoDB text indexes for lightning-fast look-ups.
  • Responsive, accessible UI – React + DaisyUI components compiled by Vite for <50 ms HMR.
  • Robust API – Express routes secured with rate-limiting middleware and validated via Mongoose schemas.
  • Seamless navigation – SPA routing handled by React Router; Axios manages client-server traffic.
  • Developer-friendly workflow – Nodemon auto-reloads the server, ESLint enforces code quality, and environment variables (.env) keep secrets out of source control.

The badge block at the top of the README shows the repo’s last commit date, primary language, and language count, assuring newcomers the project is actively maintained. A second badge grid highlights every key tool so contributors can instantly see if the tech stack fits their skill set.

Deployement

The app was deployed through Render.com and is active under Think Board

About

Think Board is a full-stack web application that lets you capture notes, brainstorm ideas, and organize projects in one place.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors