osamabincodin

Inspiration

The document that was given to us was the original inspiration behind this project. We tried our best to make the system as accessible as possible so that the user can easily manage all their needs within a single system.

What it does

The system provides the user the ability to:

• Users can create an account and login
• Create and update events for which the users can RSVP for the event and see the events they RSVP'd for in their profile
• They can also view projects ACM has created on their site and go through all the details
• The admin of the site can also:
  • Different relevant statistics
  • Manage users, events, projects and members (he can update them for every tenure)

How we built it

For the frontend technologies we used

• React.js with Typescript
• Shadcn + Tailwind CSS
• Zustand, for state management
• Node.js + Express
• MongoDB + Mongoose
• Google Gemini API

Challenges we ran into

The major challenge that we ran into was collaborating and syncing as a team. We we're able to collaborate but not to our full extent which I believe we can overcome as we go on.

Accomplishments that we're proud of

We provided the user full freedom to do whatever he wants on the projects an events module, integrating a feature rich text editor so he can use HTML to customize his content however he likes.

We also integrated the Gemini API to allow the user to auto generate content for both projects and events with just a simple prompt.

What we learned

We learned that don't waste too much time initially trying to clean the UI and compelte the mian features first.

What's next for osamabincodin

We can use this system for various ACM clubs and other tech clubs as well to manage their events and projects/blogs along with their current team as this system provides all of those in one place. After abit of polishing, I belive the system can be used in the industry without a problem.

Built With

• gemini
• mongodb
• mongoose
• react
• tailwind
• typescript
• zustand