Ally ๐ŸŽจ - Collaborative place where old age meets orphanage!

Ally ๐ŸŽจ - Collaborative place where old age meets orphanage!

ยท

4 min read

allies.vercel.app_.png

What is this->ally?

Ally is a social media platform specifically created for kids who are orphans & people at oldage homes. Orphans miss the parent's love and affection. While old people at oldage homes lack people to share their experience. Ally tries to bridge the gap by creating a collaborative workspace between orphans & old aged people.

shotsnapp-1612589926.753.png

Working demo

https://allies.vercel.app/

The inception of the idea ๐Ÿš€

I've seen a lot of kids who're orphans, these try to live like everyone else but always there's a difference between others & orphans. Who can replace parents' love? isn't it? I always tried to make this app but never started doing it. thanks to Hashnode for the fantastic opportunity for young developers like me who tend to do things for winning. This hackathon is a great chance to convert my dream into reality.

Problem I'm trying to tackle ๐Ÿณ

Aimed at bringing together individuals suffering from loneliness and depression and those lacking nurturing love of elderly role models.

Technologies I used ๐Ÿ‘ฉโ€๐Ÿ’ป

  1. Next JS (Main framework)
  2. Vercel serverless functions
  3. Vercel hosting
  4. Next Auth (for authentication)
  5. FaunaDB (Database)
  6. React bootstrap (CSS)

Features โšก

  1. Read free ebooks that help you to grow your personality independently
  2. Play online games for timepass
  3. Video conferences with oldage homes
  4. People can donate to oldages & orphanages

Screenshots ๐Ÿ“ธ

Bookshelf ๐Ÿ“š

2f.png

Conference area ๐Ÿ“บ

3f.png

Play zone ๐Ÿš€

4f.png

5f.png

GitHub Repo ๐Ÿ’ก

Contribution ๐Ÿค“

If you've anything to help, feel free to send a PR โค

WIP

  1. Add a movie area
  2. Add daily newspapers area

Development experience

I initially started doing this app using svelte, which I really love for its simplicity. But down the lane, I started facing a lot of issues here and there (authentication, etc) due to the small community around the combination of technologies I'm using (svelte+faunaDB) I was not able to do what I want. So, that's why I restarted my project using NextJS. I am super comfortable with react but tried to experiment with svelte but it didn't work.

Lesson learned: Always start important projects with the tech you're comfortable with

After switching to next, the experience is very smooth. I used next-auth google auth for authentication of users and used faunadb to store all the info. Thanks to the huge community and excellent documentation of nextjs.

Due to the shortage of time, I used bootstrap for styling. But I think I am able to succeed in removing the bootstrapish feel with my own customizations here and there.

This is my submission for the hackathon! If you read it till here. Thank you ๐Ÿคฉ