Pulse Pod: Project Story

Inspiration

The inspiration for Pulse Pod came from a personal experience. Everyone seems to have their own tips for health and education, but it’s often unclear which ones are truly trustworthy. I wanted to create something that could provide detailed and reliable tips to everyone. Alongside this, I often found myself needing a clean and efficient task manager, as well as a source of real-time motivation for those moments when I felt bored or unproductive.

The design of Pulse Pod is inspired by the "I Am Jane" project on Devpost, which exemplifies simplicity, functionality, and user-centric design.

What I Learned

Through this project, I learned the importance of structuring a project around user needs. It also helped me improve my skills in:

• Frontend Development: Designing responsive grids and layouts in SCSS and HTML.
  
• JavaScript: Implementing interactive features like grid/list views and key-based toggles.
  
• Problem-Solving: Debugging issues between local and production environments, especially on platforms like Vercel.
  

I also explored the Pomodoro technique and incorporated it into the project to help users stay productive while balancing work and breaks.

How I Built It

Pulse Pod was built using a combination of:

• HTML, SCSS: For designing a visually appealing and responsive user interface.
  
• JavaScript: To add interactivity, such as toggling between grid and list views, handling tasks, and enabling Pomodoro functionality.
  
• Vercel: For deployment and hosting the project.
  

Challenges Faced

1. Production Environment Issues: The grid/list toggle worked perfectly in the local live server but faced unexpected issues in Vercel. I resolved this by restructuring the JavaScript to ensure all elements loaded correctly.
   
2. Responsive Design: Adjusting the grid layout for different devices required careful planning and testing, but I eventually created a seamless user experience across all screen sizes.
   
3. Incorporating Real-Time Motivation: Ensuring motivation tips were engaging and useful while keeping the feature lightweight and efficient.
   

Conclusion

Pulse Pod is a reflection of my desire to create something meaningful and useful for people struggling to manage their health, tasks, and motivation. It’s a platform built with purpose, driven by personal experience, and crafted with care.

Built With

• bootstrap
• canva
• css
• figma
• firestore
• html
• javascript
• sass
• scss