Client : Mahila Mandal India
Mahila Mandal is a prominent women's organization, dedicated to empowering women through community development, education, and social welfare initiatives.
Duration: 7 Months (In Progress)
Technologies: ReactJs, NextJs, MongoDb, Redux, Tailwind, Figma
About Project
The "Mahila Mandal" project focuses on empowering women in rural India by creating a digital platform for their community activity clubs. These clubs support women in villages by providing resources to learn new skills, engage in fun activities, and improve their livelihoods. The website is built using React.js with the Next.js framework, utilizing Next-Auth for authentication, JWT for secure access, and TypeScript for robust development. Tailwind CSS and Flowbite were used to design a clean and responsive UI, while MongoDB manages the large database of user information and activities.
Challenges
Key challenges included integrating Next-Auth with custom JWT configurations while ensuring secure, seamless user authentication. Developing reusable components with TypeScript while maintaining clean architecture required careful planning. Managing the large MongoDB database and ensuring smooth data flow presented additional complexity. Designing the UI using Tailwind and Flowbite without causing style conflicts was also a critical task.
Solution
To overcome these challenges, I implemented modular, reusable components using TypeScript, ensuring scalability and future-proofing the codebase. I configured Next-Auth with custom JWT handling to provide secure, reliable authentication. MongoDB queries were optimized for efficient data management, and Tailwind CSS was scoped to prevent styling conflicts. These efforts resulted in a user-friendly, responsive website that supports the mission of empowering rural women.
Funtionality Added :
- Next Routing
- Next auth for Login register authentication
- Event comments or Like article
- Search Events and Filter results
Personal Achievements
- Successfully handled the entire project independently from development to deployment.
- Gained expertise in Next.js framework, Next-Auth authentication, and TypeScript.
- Designed a scalable component architecture using Tailwind CSS and Flowbite.
- Delivered a secure, responsive platform that enhances the impact of Mahila Mandal’s initiatives.