MemoTag-

markdown Copy Edit

MemoTag 🧠📌

A beautifully designed, responsive one-page web app built using React and Tailwind CSS, focused on delivering a clean storytelling experience. Features light/dark mode toggle, authentication, and section-based smooth navigation.

🚀 Features

• 🔒 User Authentication (Login/Logout with localStorage)
• 🌙 Dark Mode toggle with persistence
• 📱 Responsive Navbar with mobile menu
• 🔗 Smooth Scrolling Navigation to:
  • Home
  • How It Works
  • Impact
  • Contact
• 💻 Clean Code Structure using React components
• 🎨 Styled with Tailwind CSS
• ✨ Icons from Lucide

📁 Project Structure

MemoTag/
│
├── public/               # Static assets
├── src/
│   ├── components/       # Reusable UI components
│   │   └── Navbar.jsx
│   ├── hooks/            # Custom hooks (e.g., useAuth.js)
│   ├── pages/            # Page views like Home, Login
│   └── App.jsx
│
├── postcss.config.js
├── package.json
└── README.md
🧪 Tech Stack
React

Tailwind CSS

Lucide Icons

LocalStorage for auth and theme state

🔧 Getting Started
Clone the repo

bash
Copy
Edit
git clone https://github.com/your-username/memotag.git
cd memotag
Install dependencies

bash
Copy
Edit
npm install
Run the app

bash
Copy
Edit
npm run dev
Visit: http://localhost:5173

🛠️ To Do
 Add Signup page

 Connect to backend API ( Node.js)

 Add waitlist or contact form

 Add animations with Framer Motion

 Add testimonials section

📄 License
MIT License. Feel free to use it however you like.

👤 Author
Your Name — @akhilesh bisht

yaml
Copy
Edit

---

Let me know if you'd like it customized for Supabase, backend integration, Vercel deployment steps, or want a logo/banner added!