Uniting Cultures Through the Exchange of Traditional Treasures
📃Table of contents:
| 1. | What is Unify |
| 2. | Problem Statement |
| 3. | The Solution |
| 4. | Our Tech Stack |
| 5. | Contributions |
| 6. | References |
Unify is a cultural diversity-based web application that serves as a trading platform for individuals to showcase and exchange traditional products from their respective cultures.
Users can upload their unique traditional items, browse others' collections, and express interest in trading. The platform's matching feature automatically matches users who are interested in each other's items. This provides an opportunity for individuals to connect with others and gain a deeper understanding of different cultures. Unify promotes cultural diversity and aims to bridge cultural gaps by providing a space for individuals to share their traditions and customs.
 |
To begin with, first, we did User Research. Next, we created the user flow and functionality. This led us to high-fidelity design and implementation. Here is our tech stack.
- We chose Next.js as the primary technology for the front-end development of the web application.
- We used Supabase as the backend platform to store and manage the application data in real-time, leveraging its real-time database capabilities to enable the matching feature.
- For the UI design and prototyping of the application, we used Figma, a collaborative design tool that allowed us to create and share design assets and collaborate seamlessly with the team.
- To style the application, we used Tailwind CSS, a utility-first CSS framework that enabled us to create custom styles easily and quickly.
- The application was built using TypeScript, which allowed us to catch errors during development and improve the overall maintainability and scalability of the codebase.
- We implemented the real-time database feature using Supabase's real-time subscription API, which allowed us to push data updates to clients in real time, creating a seamless user experience.
- To check deployment, visit this link 👉 Unify
This project is in a very early stage so anybody who's familiar with ReactJS/NextJS/Typescript/TailwindCSS can contribute. If you don't feel ready to make a contribution yet, no problem at all. You can also contribute to this ReadMe section or the Documentation part of our project.
If you are interested to contribute and want to learn more about the technologies that are used in this project, checkout the links below.
- ReactJS Official Docs
- NextJS Documentation
- Typescript Documentaion
- TailwindCSS Docs
- Material UI Documentaion
Never made an open source contribution before? And wondering how to contribute to this project? No worries! Here's a quick guide,
- Choose any feature/bug you wish to contribute to.
- Fork the repository into your own account.
- Clone the repo you have forked in your local machine using
git clone https://github.com/<Your-name>/Unify.git - Create a new branch for your fix by using the command
git checkout -b YourName-branch-name - Install node Modules by using the command
yarn - Start the development server using the command
yarn run dev - Make the changes you wish to do and stage them using the command
git add files-you-have-changedor usegit add . - Use the command
git commit -m "Short description of the changes"to describe the changes you have done with a message. - Push the changes to your remote repository using
git push origin your-branch-name - Submit a PR(pull request) to the upstream repository
Aadarsh805/Unifywith a title and a small description. - Wait for the pull request to be reviewed by us.
- Make appropriate changes if the maintainer recommends you to and submit it.
- Await for your contribution to be merged into the repository.
Checkout the Contributing.md file before contributing.
Give a ⭐ to the project if you liked it. :)