📝 Note-App

A fullstack TypeScript CRUD Notes application built with React + Vite + SCSS (frontend) and Express + Node.js (backend).

---

✨ Features

• TypeScript on both frontend and backend

• React + Vite for fast and modern UI

• SCSS modules for clean and scalable styling

• Express REST API: GET, POST, PUT, DELETE

• Notes stored in notes.json

• Inline editing directly in the note card

• Search notes by title

• Sort notes by date (ascending/descending toggle)

• Responsive design for mobile and desktop

• Deployment:

  • Frontend: GitHub Pages
  • Backend: Render

---

🛠️ Installation & Local Development

1. Clone the repository

git clone https://github.com/ansofidev/Note-App.git
cd Note-App

2. Install dependencies

Frontend

cd frontend
npm install

Backend

cd ../backend
npm install

3. Run the application

Backend (port 3001)

npm run dev

Frontend (port 5173)

cd ../frontend
npm run dev

---

🌐 Live Demo

• Frontend (GitHub Pages): https://ansofidev.github.io/Note-App
• Backend (Render): https://note-app-4xg5.onrender.com/notes

---

🚀 Deployment

GitHub Pages (Frontend)

Make sure your package.json includes:

"homepage": "https://ansofidev.github.io/Note-App",
"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d dist"
}

Then deploy with:

npm run deploy

Render (Backend)

• Link the repo on https://render.com
• Set the start command:

npm run dev

• Set build command (if any):

npm install

---

✉️ License

MIT License. Built by @ansofidev.