Market Next Door is a gateway to a vibrant community. Crafted with TypeScript and React, this application stands out for its seamless, user-friendly interface, designed thoughtfully for both vendors and customers. This application bridges the gap between local farmers and the community, bringing the charm of a farmers market right to your fingertips.
Key features include real-time inventory update for vendors and an easy-to-navigate product discovery experience for customers. Whether you're a local vendor looking to expand your reach or a customer craving fresh, local produce, Market Next Door makes it all prossible with a few simple clicks.
At the heart of Market Next Door's technical prowess is a suite of advanced technologies. TypeScript offers enhanced development efficiency and application stability, while React's dynamic capabilities make for an engaging and responsive user interface. Cypress, our choice for testing, ensures that each feature works flawlessly, providing users with a consistently reliable experience. Additionally, the integration of the Leaflet library offers an intuitive visual map, allowing users to effortlessly locate farmers markets in their area. This blend of technologies not only powers the application but also elevates the overall user experience.
Explore Market Next Door - Deployed App
-
User Authentication:
- Vendors and customers can sign up and log in to access personalized features.
-
Vendor Functionalities:
- The application allows vendors to efficiently set up and manage their available inventory. Vendors have access to essential features such as adding, editing, and deleting items, providing a flexible and comprehensive inventory management system.
-
Customer Functionalities:
- Customers are provided with a range of functionalities to enhance their shopping experience. They can create accounts to filter and browse through vendor items, place pre-orders, access detailed invoices, print invoices for their records, and manage their orders with ease.
-
Order Management:
- Both customers and vendors can access an order management system. They can view and track their orders, access detailed invoices, and print invoices for their records.
-
Markets Nearby:
- Customers and vendors can access a map to visualize the markets in their region. They can customize the map view by entering a zip code and radius.
- Languages & Testing:
- Tools:
-
Complete Type Checking: - Strict type checking with TypeScript ensures code reliability.
-
Multi-Page UX: - Utilizes router for seamless multi-page user experience.
-
CRUD Operations: - Implements CRUD operations for smooth backend communication.
-
React Functional Hooks: - Leveraging React Hooks to efficiently manage state, improve interactivity (e.g., connecting to the users printer), and optimize navigation, etc.
-
Responsive Design: - Ensures a seamless user experience across all screen sizes.
-
Testing: - Thoroughly tested with Cypress to ensure robust functionality.
-
Error Handling: - Implements effective error handling to enhance user experience.
-
Input Field Validation: - Enhances user empathy and guidance.
-
Component Structure: - Well-thought-out component structure for maintainability and scalability.
-
Reusable Components: - Incorporates reusable components to streamline development.
- Nicole Rue GitHub // LinkedIn
- Adrian Zabolitzki GitHub // LinkedIn
- Ann Hochworter GitHub // LinkedIn
- Dylan Timmons GitHub // LinkedIn
- Ethan Van Gorkom GitHub // LinkedIn
- Jorja Fleming GitHub // LinkedIn
- Kaylee Janes GitHub // LinkedIn
- Antione Aube GitHub // LinkedIn
To check out Market Next Door, follow these steps:
- Clone the repository.
- Install dependencies using
npm install. - Start the development server with
npm start.