This is an online application that allows users to see, purchase, add, update, and remove their own products from the marketplace. This project, which was created as a coding challenge entry, serves as a demonstration of my coding skills. This application will allow user to achieve the following:
- View all product in the market place
- Create a product and add to the market place
- View only their products in the market place if any exist
- Search for a products in the market palce
- Sort products from newest to oldest (when the product was created)
- User can also sort by top product name
- Buy any available product found in the market place.
- User can purchase more than one food item.
- User can filter by their favourites
- Next Js
- Tailwind CSS
- Solidity
- Headless UI
- Rainbowkit-celo
- React-celo
To run this application, you need the following,
- Install the CeloExtensionWallet from the Google Chrome Store.
- Create a wallet.
- Go to https://celo.org/developers/faucet and get tokens for the alfajores testnet.
- Switch to the alfajores testnet in the CeloExtensionWallet.
To run this application locally, you need the following;
- Clone the repository by running this snippet in your terminal:
git clone https://github.com/Temitope3665/Foodie-Swap.git
; - Move into react-app folder by running this:
cd FoodieSwap/packages/react-app
; - Next, run
yarn install
ornpm install
to install all the required dependencies; - Next, start the server by running
yarn run dev
ornpm run dev
; - Open the application in your web browser at
http://localhost:3000
;
NB: Make sure you have the following installed
- Node v16 or >
- Git (v2.38 or higher)
- Node
- Git (v2.38 or higher)
Therefore, the development of a simple web tool for creating a food product and listing the product on market place can greatly enhance the efficiency and convenience of food ordering application online.