ShareShelf is a web application designed to facilitate the sharing and claiming of items within a community. Built using React, Redux for state management, and styled-components for styling, this project aims to create a user-friendly platform for people to give away items they no longer need and find items they can use, promoting sustainability and community sharing.
- React: For building the user interface
- Redux: For managing the application state
- Styled-Components: For styling components
- React Router: For handling navigation
- Netlify: For deployment
- Challenges: Implementing responsive design, integrating social media sharing, and managing global state efficiently.
- Future Features: User authentication, improved social media integration, real-time notifications, and a rating system for users.
Clone the repository: git clone https://github.com/intehon/final-project-2023.git
Navigate to the project directory: cd final-project-2023
Install dependencies: npm install
Run the application: npm run dev
- Register/Login: To start using ShareShelf, register or log in using provided credentials.
- Adding Items: Click on 'Add Item' to post an item you wish to give away.
- Claiming Items: Browse through the list of available items and click 'Claim' on items you're interested in.
ShareShelf addresses the issue of waste and underutilization of resources by providing a platform where items can be reused and recycled within a community, thereby promoting sustainability.
In addition to the current features, future enhancements for ShareShelf are planned to enhance user experience and functionality:
- Implementing a Chat Feature: Allowing users to communicate directly within the app for coordinating item pickups and inquiries.
- Adding a Category Filter: Facilitating easier and more efficient item searches by categorizing items.
- Implementing User Reviews and Ratings: Enabling users to rate and review each other to build trust within the community.
- A Working "Shopping Cart": Implementing a feature where users can keep track of items they have claimed. This 'shopping cart' will allow users to manage their claimed items, view the status of each claim, and coordinate with the item owners for collection.
ShareShelf Live Demo https://share-shelf.netlify.app/