Skip to content

MuhammadAhmadCode/NotAppia-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 NotAppia – Secure Note Management

NotAppia Banner


⚡ About the Project

NotAppia is a secure full-stack note-taking web application built using the MERN stack.

It allows users to store personal notes securely with authentication and protected routes.


🔐 Features

  • User authentication (login/register)
  • Secure cookie/JWT-based sessions
  • Create, read, delete notes
  • User-specific data isolation
  • Clean responsive UI
  • REST API backend

🛠 Tech Stack

  • React (Frontend)
  • Node.js + Express (Backend)
  • MongoDB + Mongoose (Database)
  • Tailwind CSS (UI Styling)
  • Vercel / Render (Deployment)

📸 Preview

image


🚀 Getting Started

Clone repo

git clone YOUR_GITHUB_REPO
cd notappia

Backend

cd server
npm install
npm run dev

Frontend

cd client
npm install
npm run dev

🔑 Environment Variables

Create .env in server:

PORT=5000
MONGO_URI=your_mongo_uri
JWT_SECRET=your_secret

📁 Project Structure

notappia/
├── client/
├── server/
├── models/
├── routes/
├── middleware/

🌍 Deployment

  • Frontend: Vercel
  • Backend: Render / Railway
  • Database: MongoDB Atlas

💡 What I Learned

  • Full-stack MERN architecture
  • Authentication flow
  • API design
  • State management in React
  • Deployment workflow

❤️ Footer

Made with consistency and focus 🚀

About

Frontend for NotAppia, a simple React notes app with secure login and user-specific notes.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors