Skip to content

Umair505/CodeCanvas-Client

Repository files navigation

🎨 CodeCanvas – Tech Discovery & Launch Platform

CodeCanvas Banner

Where tech products paint their stories – Discover, showcase, and upvote the best in tech


🌟 Key Features

  • 🚀 Tech Product Discovery – Explore AI tools, apps, games & more
  • Product Submission System – Authenticated users can submit products
  • 👍 Upvotes, Reviews & Reporting – Engage with the community
  • 🔒 Role-Based Access – Users, Moderators, and Admins with dashboards
  • 💰 Stripe Membership – Unlock premium features with payment integration
  • 🔍 Search & Pagination – Browse with ease, even on large datasets
  • 🔐 JWT Route Protection – Secure pages and role-based access
  • 🖼️ Dynamic Sections – Trending, Featured, and All Products
  • 📱 Responsive UI – Fully optimized for all screen sizes

🛠️ Technologies Used

🧑‍💻 Frontend

React TailwindCSS Framer Motion Firebase

🧪 Backend

Node.js Express MongoDB Stripe


📦 Key Packages & Tools

  • @tanstack/react-query – Data fetching & caching
  • axios – Secure API communication
  • react-hot-toast – Elegant toast notifications
  • lucide-react – Icon library
  • react-awesome-reveal – Animations
  • react-spinners – Loader components
  • react-tag-input – Tag-based input
  • JWT – Secure authentication & route protection
  • Stripe – Payment processing

🧑‍💼 User Roles & Permissions

Role Capabilities
User Submit, review, upvote, report products
Moderator Approve/reject products, manage reports, feature products
Admin Assign roles, manage users, full control

📱 Responsive Design

  • Designed mobile-first using Tailwind CSS
  • Fully functional and beautiful across desktop, tablet, and mobile devices
  • Framer Motion and Lucide icons for smooth UI/UX

🔗 Live Preview

✅ Primary: https://codecanvas-moinul.netlify.app
🔁 Backup: https://plantify-moinul.web.app


💡 Coming Soon

  • 📊 Admin Statistics Page
  • 🧾 Discount/Coupon System
  • 🧠 AI-powered Product Recommendations

📄 License

MIT © 2025 Moinul Islam


Made with ❤️ by Moinul Islam
🎨 "Let every line of code be a brushstroke on the canvas of innovation."

About

Modern frontend for CodeCanvas — discover, upvote, and showcase the latest tech tools. Built with React 19, Tailwind CSS, and Framer Motion.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages