Barterly Frontend

Overview

Barterly is an online marketplace for trading goods, built around trust, sustainability, and community. It enables safe and transparent exchanges between individuals.

Mission

Make trading simple, safe, and enjoyable through transparency, security, and community engagement.

Vision

Become the nation's most trusted marketplace where sustainable commerce thrives and every transaction builds stronger community ties.

Project Team

• Alex Takamizawa
• Amador Baggerly
• Nick Vila
• Eduardo Maldonado

Core Features

• Item listing with images, descriptions, and categories
• Messaging and negotiation between traders
• Trade completion with delivery tracking and reviews

Technology Stack

• Frontend: React, React Router, Tailwind CSS
• Backend: Express, Node.js, Prisma
• Other: RESTful APIs, authentication, secure data handling, responsive design

Value Proposition

• Trust through verification and reviews
• Sustainability by reducing waste through trade
• Community connections and stronger local networks
• Transparency and security in every step of the process

Conclusion

Barterly is more than a marketplace — it's a trusted community platform for sustainable, secure, and transparent trade.

Folder Structure

(last updated: 9-15-25)

├── frontend/
│   ├── public/
│   │   └── icon.svg
│   ├── src/
│   │   ├── api/loaders/
│   │   ├── assets/
│   │   ├── components/
│   │   │   ├── Loading.jsx
│   │   │   ├── Navbar.jsx
│   │   │   └── Footer.jsx
│   │   ├── context/
│   │   │   └── AuthContext.jsx
│   │   ├── layouts/
│   │   │   └── RootLayout.jsx
│   │   └── pages/
│   │       ├── auth/
│   │       │   ├── LoginPage.jsx
│   │       │   └── RegisterPage.jsx
│   │       ├── AccountPage.jsx
│   │       └── NotFoundPage.jsx
│   ├── App.jsx
│   ├── styles.css
│   └── main.jsx