Skip to content

jennydo/PeacePod-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Book Hub GIF

By Hennessy (Hai-Anh) Nguyen, Nam Nguyen, Jenny (Trang) Do, Thanh Nguyen.

PeacePod βœŒοΈπŸ’–

A place where you can slow down, connect deeper, and create a personalized meditation just for you.

Inspiration 🧠

We are living in a state where there are numerous constant notifications, live fast-paced lives, and often feel overwhelmed by the digital noise surrounding us. PeacePod aims to build a space where you can create your own safe digital pod, live slower and more intentionally, get away from instant notifications and constant distractions, connect with others on a deeper, more meaningful level, and create personalized meditation room that nurtures your well-being.

Main Features & How to use πŸ‘

Create an account or log in πŸ’“

Screenshot 2024-06-26 at 10 16 54β€―AM Screenshot 2024-06-26 at 10 17 16β€―AM

Newsfeed

Post your own postcard & See others πŸ’“

Screenshot 2024-06-26 at 10 18 06β€―AM Screenshot 2024-06-26 at 10 18 22β€―AM

See the Waterfall of responses to Daily Prompt πŸ’“

  • The Daily Prompt is generated using OpenAI.
  • When you click on the prompt, a new response will appear.

Screenshot 2024-06-26 at 10 18 44β€―AM

Chat

Join the Matching list of the day and Get Matched at 9pm EST

  • Click on Get Matched.
  • Fill in the input to have more data for a better match
  • Wait till 9 PM. If you have a match, you will be notified!

Screenshot 2024-06-26 at 10 19 09β€―AM

Chatting with others

  • This is built with Socket.io.
  • You can see the other person's profile.
  • You can also do other things, such as changing chat nickname, leave chat, etc.
  • You will receive a notification from other people when you are not in the chat.

Screenshot 2024-06-26 at 10 19 28β€―AM

Meditation

Generate your own Personalized Meditation Audio

  • This is built with OpenAI and ElevenLabs.
  • Input what you want your audio to be like, wait a few minutes and get the coolest audio ever, made just for you!

Screenshot 2024-06-26 at 10 20 29β€―AM Screenshot 2024-06-26 at 10 20 38β€―AM

Choose an existing audio from Spotify

  • You can log in to your Spotify Account (if you have premium account) and choose a meditation audio from there.

Screenshot 2024-06-26 at 10 20 57β€―AM Screenshot 2024-06-26 at 10 21 20β€―AM

Start your session, & choose your Background color/image

Screenshot 2024-06-26 at 10 21 35β€―AM

Customize your Character Avatar

Screenshot 2024-06-26 at 10 22 42β€―AM

How we built it πŸ’ͺ

CSS HTML5 SCSS MongoDB React Express NodeJS JS Flask Python Git

  • Frontend: React
  • Backend: Node.Js, Express, Flask
  • Design: Excalidraw, Hand + Paper
  • Database: MongoDB
  • Web Hosting: AWS S3, EC3 (in progress)
  • Version Control: Git & GitHub

Challenges we ran into πŸ₯Ί

  • Time Management: At the end of the project, we have 4 different timezones to juggle (Eastern US, Canada, Australia, Vietnam). Thus someone has to wake up really early and someone has to stay really late for our weekly meetings!
  • We are not frontend masters, so we struggle with making our website as pretty as possible (We have to redesign nearly everything in the last few weeks).
  • Bugs everywhere: The more we build, the more bugs appear and they are everywhere! We spent a lot of time debugging and making sure our app doesn't have any major fault the present user to have a smooth experience.
  • Spotify Authentication: Many music streaming service closed their APIs to the public, and we can only find Spotify available. But Spotify requires user to log in and must have premium account. The authentication flow is also confusing at first.

Accomplishments that we're proud of πŸ₯°

  • Despite the time commitment issues, we were able to create a final deliverable at the end and learnt a lot in the process.
  • We have a great teamwork - unexpected things happen, but no one is blamed and we keep moving forward and working together to find a solution.
  • We built off of the feedbacks we received from our project advisors through out the whole process (giant thanks to @khoa165, @ankhuetang, @Taenerys).
  • We demonstrated great Git best practices (Pull Requests, README.md, Code Review, etc.)
  • We learned a lot as a team and as individual. We built many cool features and now have mastered using a lot of APIs!

What we learned πŸ’‘

  • Acting as a Project Manager: deciding the direction of the project, assigning tasks, holding meetings, taking notes, being encouraging, etc.
  • Good GitHub practices.
  • Good collaboration between teammates.
  • Never afraid to ask questions / for help.

What's next for PeacePod 🀫

  • Implement add-on features for Chat (change theme icon, chat color...)
  • Increase speed of socket.io
  • Improve authentication (i.e implement Forget Password)

Contributing Guidelines πŸ› οΈ

See CONTRIBUTING.md.

GitHub Repository Structure 🧱

S.No. Repo Name Purpose
1. PeacePod-Frontend contains the frontend code and documentation
2. PeacePod-Backend contains the backend code

Setup ⏰

Team πŸ§‘β€πŸ€β€πŸ§‘

S.No. Name GitHub Username:octocat:
1. Hennessy Nguyen @haianhng31
2. Nam Nguyen @Euclid0192
3. Jenny Do @jennydo
4. Ethan Nguyen @gsthanhnguyen


Contributors ✨

Thanks goes to these wonderful people:

Hennessy Nguyen
Hennessy Nguyen

πŸ’» 🎨
Nam Nguyen
Nam Nguyen

πŸ’» 🎨
Jenny Do
Jenny Do

πŸ’» 🎨
Thanh Nguyen
Thanh Nguyen

πŸ’» 🎨

This project follows the all-contributors specification. Contributions of any kind welcome!

ForTheBadge uses-git ForTheBadge uses-html ForTheBadge uses-css ForTheBadge uses-js forthebadge forthebadge forthebadge

forthebadge ForTheBadge built-by-developers ForTheBadge built-with-love


About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •