Scalable and Interactive Platform for Nonprofit Organizations

Languages and Software

Frame 13.png
Frame 8.png
Frame 16.png
Frame 6.png
Frame 5.png
Frame 17.png
Frame 9.png
Frame 1.png

The NonProfit Design Studio platform was designed to empower nonprofit organizations by offering them access to fully funded websites. The goal of the project was to create an engaging, user-friendly application process while ensuring a robust backend for managing applications securely and efficiently.

The site leverages Framer Motion to create engaging animations and smooth interactions, making the user experience both functional and visually appealing. The heart of the project is a sophisticated admin dashboard connected to a Postgres SQL database using Prisma, where nonprofit representatives can easily approve or reject applications for website funding.

Key goals:

  • User-friendly applicant interface: Nonprofits can apply for websites seamlessly.
  • Efficient backend management: Authorized members can manage applications using a secure and intuitive dashboard.
  • Interactive design: Framer Motion is used to enhance user engagement through subtle animations.
  • Secure authentication: Authentication is handled using Clerk, ensuring the backend remains secure and accessible only to authorized personnel.

nonprofit-design-studi0-next-js-devloper.jpg
non-profit-design-studio-build-next-js-developer.jpg
complex-form-non-profit-design-studio.jpg
Screenshot 2024-09-06 at 15.09.33.png
Screenshot 2024-09-06 at 15.11.32.png

Technical Details

  • Frontend Technologies:

    • NextJS for server-side rendering and enhanced performance.
    • TypeScript React for a scalable, type-safe codebase.
    • Tailwind CSS for rapid and responsive UI design.
    • Framer Motion for custom animations, providing dynamic transitions and enhanced user interaction.
  • Backend Technologies:

    • Postgres SQL database managed through Prisma, providing a flexible and powerful data structure.
    • Admin Dashboard: Built using NextJS and React, allowing administrators to easily view and manage applications.
    • Authentication via Clerk: Ensures secure and controlled access to backend systems for managing application approvals.
  • Key Features:

    • Application Form: Applicants can submit their details for consideration.
    • Approval/Rejection System: Admin users can review applications and take action with a simple interface.
    • Secure Data Handling: All application data is stored and managed securely using Postgres SQL.

Let's Chat!

If you’re looking to hire, have a question or want to book me for a consultation then get in touch with me at.

hello@willellis.tech

or book a slot with me on my calendly

Will Ellis