A complete, full-stack healthcare and medicine management platform designed with modern technologies to support efficient interaction between users and medicine data.
🌐 Live Site: medicine-sphere.vercel.app
📁 Backend Repo: medicine-sphere-backend
(This project was mainly a group project)
🌐 Live Site: medi-sphere.vercel.app
📁 Frontend Repo: medi-sphere-client
📁 Backend Repo: medi-sphere-backend
Medicine-Sphere is a robust, scalable, and secure medicine-focused web application. It allows users to explore medicines, manage their health needs, and securely interact with the platform through seamless frontend and backend integration.
- Framework: Next.js
- Language: TypeScript
- State Management: Redux Toolkit
- Styling: Tailwind CSS
- Runtime: Node.js with Express
- Language: TypeScript
- Database: MongoDB via Mongoose
- Authentication: JWT (JSON Web Tokens)
- Security: Middleware-based token protection and route guards
- Cloud: Integrated with Vercel for frontend deployment
- 🔍 Search and browse medicines with advanced filtering
- 📋 View detailed medicine information
- 🛒 Add to cart or manage medicine list
- 🛡️ Secure user authentication and protected routes
- 🧪 Form validation and error handling
- 📱 Responsive and mobile-friendly design
- ⚙️ Admin tools to manage medicine inventory
- 👤 User profiles and dashboards
- 📝 Order management & history
- 🔧 Admin CRUD interface for medicines
- 💳 SSLCommerz integration for purchases
- 📄 Prescription uploads and verification
Follow these steps to set up the project locally:
-
Clone the repository:
git clone https://github.com/ArifMiah07/medicine-sphere-client
-
Navigate into the project directory:
cd medicine-sphere -
Install frontend & backend dependencies:
npm install
-
Start the development server:
npm run dev
The app should now be running at http://localhost:3000.