Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vaishnavi-3969/codedex-hackathon-track2-stoopify

Track 2 - Brooklyn Stoop Sales
https://github.com/vaishnavi-3969/codedex-hackathon-track2-stoopify

firebase react-js

Last synced: 11 days ago
JSON representation

Track 2 - Brooklyn Stoop Sales

Awesome Lists containing this project

README 

        


  


    
Codedex Hackathon


      

        

      

    
Track 2: Brooklyn Stoop Sales


    

    
Tools and Technologies used


     

    


  




  
Inspiration


The inspiration for Stoopify came from the vibrant community culture of Brooklyn stoop sales. Stoop sales are not just about selling items; they're about bringing people together, fostering a sense of community, and sharing stories. I wanted to create an application that captures this spirit and makes it easy for people to organize, discover, and participate in stoop sales in their neighborhood.



What it does


Stoopify is an interactive web application that allows users to create and share stoop sale invitations effortlessly. 



Key features include:


Event Creation: Users can create an event with details like date, time, location, and a description of items for sale.

Interactive Map: Integration with a map API to display the exact location of the stoop sale.

Shareability: Users can share their stoop sale events on social media platforms.

Engaging UI/UX: A visually appealing and easy-to-navigate interface to enhance user experience.



How I built it


Stoopify was built using the following technologies and tools:

React JS: For building the user interface.

Tailwind CSS: For styling the application with a modern and responsive design.

Framer Motion: To add smooth animations and transitions.

Auth0: For user authentication and secure login.

Firebase: For real-time data storage and syncing using Firestore.

Map API: For integrating interactive maps to display stoop sale locations.



Challenges I ran into


One of the main challenges was integrating the Firebase Firestore with the React application to ensure real-time data updates and seamless user experience. Handling user authentication securely with Auth0 was also a learning curve, ensuring that the user data is protected and the login process is smooth. Additionally, creating an engaging and intuitive UI/UX with Tailwind CSS and Framer Motion required careful planning and iteration.



Accomplishments I'm proud of


I'm proud of successfully integrating multiple technologies to create a cohesive and functional application. The interactive map feature turned out to be a highlight, making it easy for users to find and participate in stoop sales. Additionally, achieving a polished and engaging UI/UX that resonates with the community vibe of stoop sales is something I'm particularly happy with.



What I learned


Throughout the development of Stoopify, I learned a lot about integrating various tools and technologies, particularly Firebase Firestore for real-time data handling and Auth0 for secure authentication. I also gained deeper insights into creating responsive and animated user interfaces with Tailwind CSS and Framer Motion. The experience enhanced my problem-solving skills and taught me the importance of user-centric design.



What's next for Stoopify


In the future, I plan to add more features to Stoopify, such as:

User Reviews: Allowing users to leave reviews and ratings for stoop sales.

Enhanced Search: Implementing advanced search and filtering options.

Mobile App: Developing a mobile application to reach a wider audience and provide a seamless experience on the go.

Community Features: Adding forums and chat options for users to interact and share their experiences.



Built with


React JS

Tailwind CSS

Framer Motion

Auth0

Firebase (Firestore)

Map API