Hi! I'm Sourave Halder, a passionate Full Stack Web Developer from Barishal, Bangladesh. With 1 year of hands-on experience, I specialize in building dynamic, user-friendly, and visually appealing web applications. My commitment to innovation drives me to constantly explore and implement new technologies in web development.
A showcase of the technologies and tools I've mastered throughout my journey as a developer.
A showcase of my educational background and professional journey that has shaped my expertise and skills.
Have a project in mind or just want to say hello? I'd love to hear from you. Feel free to reach out through the form or contact information below.
Fill out the form below and I'll get back to you as soon as possible.
BBA Honours, Management
HSC, Humanities
MNTECH DIGITAL
MNTECH DIGITAL
<p>Loomra is a robust multi-vendor e-commerce platform designed to deliver a seamless and user-friendly shopping experience. It allows customers to explore, compare, and purchase products from various vendors while providing a responsive and intuitive interface. With advanced features like role-based dashboards, secure payments, and a comprehensive cart system, Loomra stands out as a versatile platform for both buyers and sellers.</p><h3><strong>Key Features</strong></h3><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>User Roles:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Role-based access for <strong>Admin</strong>, <strong>Vendor</strong>, and <strong>Customer</strong>.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Authentication and Authorization:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Secure login and access control for all user roles.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Secure Payment:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Integrated <strong>AmarPay</strong> payment gateway for safe transactions.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Coupon System:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Customers can apply coupons to receive discounts.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Personalized Product Recommendations:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>View products from followed shops.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Search, Filter, and Sorting:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Easily find desired products.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Follow Shops:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Follow favorite shops for updates.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Product Comparison:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Compare up to three products simultaneously.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Recently Viewed Products:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>View previously browsed items.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Cart System:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Add, manage, and purchase products seamlessly.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Infinite Scrolling:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Load more products dynamically while browsing.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Role-Based Dashboards:</strong></li><li data-list="bullet" class="ql-indent-1"><span class="ql-ui" contenteditable="false"></span><strong>Customer Dashboard:</strong> Order history and activity summary.</li><li data-list="bullet" class="ql-indent-1"><span class="ql-ui" contenteditable="false"></span><strong>Vendor Dashboard:</strong> Product management, coupon management, and more.</li><li data-list="bullet" class="ql-indent-1"><span class="ql-ui" contenteditable="false"></span><strong>Admin Dashboard:</strong> Category management and website activity monitoring.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Mobile Responsiveness:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Optimized for an enhanced mobile experience.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Product Reviews:</strong></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Customers can leave reviews and ratings for products.</li></ol><h3><strong>Technology Stack</strong></h3><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Frontend:</strong> React.js, Redux, RTK Query, TypeScript, TailwindCSS</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Icons:</strong> Lucid Icons, Shadcn</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Forms:</strong> React Hook Form, Zod</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Utilities:</strong> Moment.js, Redux Persist, React Router, React Infinite Scroll Component</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Backend Integration Required</strong></li></ol><h3><strong>Installation Guide</strong></h3><p><strong>Prerequisites:</strong></p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Node.js (18+ version)</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Code editor</li></ol><p><strong>Steps:</strong></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>Clone the project repository:</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><code>git clone https://github.com/souravh093/e-loomora-client</code></li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>Navigate to the project directory:</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><code>cd e-loomora-client</code></li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>Install dependencies:</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><code>npm install</code></li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>Create a <code>.env.local</code> file with the following environment variables:</li></ol><div class="ql-code-block-container" spellcheck="false"><div class="ql-code-block" data-language="plain">env</div><div class="ql-code-block" data-language="plain">Copy code</div><div class="ql-code-block" data-language="plain">NEXT_PUBLIC_BASE_API=http://localhost:5000/api/v1 </div><div class="ql-code-block" data-language="plain">NEXT_PUBLIC_BASE_URL=http://localhost:5173/ </div></div><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>Run the development server:</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><code>npm run dev</code></li></ol><p><strong>Deployment:</strong></p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>Build the project:</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><code>npm run build</code></li></ol><h3><strong>Usage Overview</strong></h3><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Admins</strong>: Manage categories and monitor all activities.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Vendors</strong>: Add and manage products, create and apply coupons.</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Customers</strong>: Browse, search, compare, and purchase products securely.</li></ol><p>Loomra brings together buyers and sellers under one cohesive platform, offering a feature-rich, secure, and engaging shopping environment.</p>
<p>This is Full Stack MERN Team project. This project is Evaluation Type so any Instructor create task and any user can apply particular task when he apply then they submitted task then instructor evaluate the task and give some reword also. User and Instructor can communication each other using message and live video conversation as well. This project we use Latest technology like socket.IO, Firestorage and many more.</p><p><br></p><p><strong style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">Technologies:</strong><span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"> React, Firebase, MongoDB, Express.js, Socket.IO, React-Router, JWT, Stripe</span></p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">Task Submission and Evaluation System:</strong><span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"> Engineered a robust platform enabling users to submit tasks for instructor evaluation. Ensured detailed feedback and comprehensive evaluation reports to enhance learning outcomes.</span></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">Seamless Real-time Communication:</strong><span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"> Designed and integrated real-time messaging and video call features to facilitate instant and effective collaboration between instructors and students, significantly improving communication.</span></li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">Role-based Personalized Dashboards:</strong><span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"> Developed intuitive, role-specific dashboards that provide users with tailored experiences based on their roles within the platform, enhancing usability and engagement.</span></li></ol>
<p>This is a <strong>Full-Stack Web Application</strong> developed for the official website of <strong>Bangla Medical College</strong>. As the <strong>Full-Stack Developer</strong>, I built this platform to serve as a central hub for students, faculty, and visitors.</p><p><strong>Key Features:</strong></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Notice Board</strong> - Publish and manage important announcements and notices.</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Forms</strong> - Interactive forms for inquiries, admissions, and feedback submission.</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Events Section</strong> - Showcase upcoming events and academic schedules.</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Departments</strong> - Detailed information about academic departments and their faculties.</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Academics</strong> - Highlight academic programs, courses, and syllabi.</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Facilities</strong> - Display campus facilities, including libraries, laboratories, and hostels.</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Student Portal</strong> - Provide resources, updates, and materials for students.</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span><strong>Portfolio Section</strong> - Feature the college's achievements, milestones, and recognitions.</li></ol><p><strong>Technology Stack:</strong></p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Frontend:</strong> React.js, Tailwind CSS, TypeScript</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Backend:</strong> Node.js, Express.js, Prisma, MySQL</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span><strong>Deployment:</strong> Vercel / AWS</li></ol><p>This project ensures scalability and responsiveness, providing a user-friendly interface to deliver seamless browsing and accessibility.</p><p><br></p>