TradeSpark

A service designed to simplify the class trading process.

Comment

Inspiration

The current process for finding students to exchange courses with is difficult. There isn't a dedicated process to finding other people to trade classes with, so we wanted to create something to solve that issue.

What it does

TradeSpark creates a central hub for you to do one of two things: request a class, or offer up one. The platform will show you a list of "trade offers", which will include what the user wants to receive, what the user wants in exchange, and details about each side.

For example, you might see a trade where a user is giving away their CS261 8AM lecture, in exchange for a similar lecture at a different time.

How we built it

This project was created using Vite as the build tool, configured with TypeScript support. The development environment leverages React, with Radix UI components for building accessible and reusable user interfaces. Additional libraries such as React Query and React Router from TanStack are integrated for state management and routing functionalities. Tailwind CSS is employed for utility-first styling, enhancing the design process.

Challenges we ran into

Most of us were new to the React framework as well as web development in general, so learning how everything worked along the way was a difficult hurdle to overcome. Splitting up the tasks into frontend and backend was also a challenge, but we still managed to work efficiently on the project.

Accomplishments that we're proud of

We were very proud of the idea being unique in the first place, and the creativity we were able to express into the project. Our ability to work together and help each other overcome whatever issues with development that we had was also a large accomplishment, as well as being able to suggest and refine all our ideas into a polished final project.

What we learned

We learned a large chunk of knowledge related to web development, specifically React and other useful libraries. The ability to quickly find documentation and help each other narrow our issues into solvable tasks proved extremely useful.

What's next for TradeSpark

In terms of future plans for TradeSpark, we are hoping to flesh out some of the larger features that would make the project a more concrete application. This includes account creation, authentication, and some form of API for accessing information related to the classes.

Built With

Share this project:

Updates