About Me
I’m a Front-End Developer at Shadhin Music Limited, focused on building fast, responsive, and scalable web applications using React.js, Next.js, TypeScript, and Tailwind CSS. I’m skilled in state management with Redux and Context API.
With working knowledge of Node.js, Express.js, and MongoDB, I collaborate effectively across the stack. I’m passionate about clean code, modern UI, and delivering smooth user experiences.
Skills
@ Programming Languages
JavaScript
TypeScript
HTML
CSS
Projects
LOISCHLOE
Project Summary : LoisChloe is a luxury vegan beauty and skincare platform tailored for the Bangladeshi market. It offers a wide range of cosmetics and skincare products with an elegant interface, smooth browsing experience, secure user accounts, and fast checkout process, ensuring a premium online shopping experience.
- Migrating from a traditional WordPress site to a high-performance single-page application using Next.js.
- Implementing secure user authentication, file storage, and database services using Appwrite across both client and server environments.
- Optimizing performance through code splitting, lazy loading, image compression, and reducing initial load time.
- Front-End:- Next.js 14 and React.js for UI development, Tailwind CSS and Radix UI for styling and accessibility, Framer Motion for animations, Redux and React Context API for state management, React Hook Form with Zod for form handling and validation, and Swiper for carousels.
- Back-End / BaaS:- Appwrite for authentication, real-time database, file storage, and backend-as-a-service functionality.
- Deployment & CI/CD :- Vercel for hosting and GitHub for version control and collaboration.
React JS
Next JS
Tailwind CSS
shadcn/ui
Redux
Swiper
Framer MotionTypeScript
Appwrite
VercelSpaceMediaProduction
Project Summary : SpaceMedia is a creative media agency website built to showcase their video production, photography, and media services with smooth animations, interactive layouts, and an engaging user experience.
- Creating an immersive and media-rich UI to highlight visual content effectively.
- Ensuring fast load times and responsiveness for high-resolution media across all devices.
- Managing animation performance while maintaining accessibility and clean structure.
- Front-End:- Next.js and React.js for structure, Tailwind CSS and shadcn/ui for styling and components, Framer Motion for animations, Swiper for sliders, and React Player for embedded media.
- Deployment & CI/CD :- Vercel for hosting and GitHub for version control and collaboration.
React JSNext JSTailwind CSSshadcn/uiSwiperFramer MotionTypeScript
Vimeo
CloudinaryVercelDIGIMART
Project Summary : Digimart is an e-commerce store. With Digimart, users can discover a wide range of products, from electronics and fashion to home essentials and more. It has user-friendly navigation and secure transactions.
- Implementing the user authentication system on both the server and the client side.
- tracking the user activity and proper client-side state management.
- Integrating Stripe payment gateway for payment processing.
- Front-End:- React.js as the UI library, styled components for styling, react-router-dom for client-side routing, Redux for state management, Formik for form handling, Yup for validation, and Axios for HTTP client.
- Back-End:- Node.js and Express.js to create REST API, MongoDB for the database, JsonWebToken for authentication, and Stripe for payment processing.
- File Upload:- Cloudinary using Cloudinary Node SDK.
- Deployment & CI/CD :- Render and Github.
React JSRedux
Node JS
Express JS
MongoDB
StripeCloudinary
Styled Components
RenderOther Noteworthy Projects
view the repositories
Flow Jobs
Project Summary : Flow Jobs is a job finder application. It is a digital platform designed to help individuals search for employment opportunities. It is a great place where job seekers can explore various job listings using robust search filters, and submit applications.
Employers can use the application to post job openings and candidates can find this job when an admin approves this job.
The goal of this job finder application is to facilitate a more efficient and effective job search process for both job seekers and employers, ultimately helping individuals find suitable employment opportunities and companies find qualified candidates.
- Front-End:- Next.js is used as a full-stack framework, with Tailwind CSS for styling, shadcn/ui as a component library, react-markdown for render markdown.
- Back-End:- Next.js API route for developing Rest API, and Postgres as a Database.
- File Upload:- Vercel/blob
- Deployment & CI/CD :- Vercel and Github.
Next JSTailwind CSSshadcn/ui
Prisma
ClerkVercel
PC Craft (PC Builder)
Project Summary : This is an application that simplifies the process of building a custom PC by allowing users to select their preferred components and generate PDFs.
- Uploading images and storing them in the Database using the Cloudinary Node SDK.
- Tracking user activity and adding or removing items from checklists..
- One-click PDFs Creation with user-selected components.
- Front-End:- Next.js is used as a full-stack framework, with Tailwind CSS for styling, Redux for state management, and RTK Query for efficient data fetching and caching.
- Back-End:- Next.js API route for Rest API, and MongoDb for Database.
- File Upload:- Cloudinary using Cloudinary Node SDK.
- Deployment & CI/CD :- Vercel and Github.
Next JSTailwind CSSReduxMongoDBCloudinaryVercel
DND Image Gallery
DND Image Gallery is a robust and feature-rich image gallery project. With this platform, users have the power to upload new photos, effortlessly rearrange existing ones, choose multiple images at once, and swiftly delete them. It's your one-stop solution for managing and showcasing your image collection with ease.
TypeScriptReact JS
ViteStyled Components
DND/KIT
Finity
Finity is an agency website template built with Next JS, Tailwind CSS, and shadcn/ui. It has authentication and authorization features like user registration, verification, and log in.
Next JSTailwind CSS
shadcn/ui
Tenzies 2.0
Tenzies 2.0 is a fun dice game application that offers an engaging experience. Roll the dice and keep going until all of them show the same number. Simply click on each die to lock it at its current value before each roll.
React JSVite
Shamim Keep
Shamim Keep is a note-taking app developed by me. It allows users to create and manage notes. Shamim Keep is designed to be a simple and easy-to-use tool for capturing and organizing information. You can create text-based notes in Shamim Keep.
HTMLCSSJavaScript
ChatCord
ChatCord is a user-friendly real-time chat application designed for seamless communication. With ChatCord, you can easily select your preferred chat room, join the conversation, and send messages to connect with other users in a dynamic and interactive environment.
HTMLCSSJavaScriptNode JSExpress Js
Socket.io
Weather App
This application is a weather-checking tool that empowers you to access real-time weather information simply by entering your city's name. Stay informed about the current weather conditions in your area with just a few clicks.
HTMLCSSJavaScriptNode JSExpress Js
Handlebars