We felt emotionally attached to this particular subject and field of tech in medicine. We knew we wanted to design a system that can help automate something simple yet complex. That is why we started to brainstorm our ideas and come up with an e-commerce website combined with logistics for delivering and ordering medicine on the go.
Our app lets you browse through library of different medicine allowing you to choose and add different products into your cart. Also, we have implemented an AI chat bot for the customers to ask questions about various illnesses and ask for medicine recommendations. How we built it
We developed this web application using NextJS framework, Tailwind CSS, and also Pure CSS for individual components. We used Vercel to host our website. We also utilized a Cohere AI API to read user input text and give recommendations or feedback for the customer.
At the start we had trouble implementing the AI chatbot because we started with different company AI APIs to test and we kept running out of tokens while testing## Inspiration We felt emotionally attached to this particular subject and field of tech in medicine. We knew we wanted to design a system that can help automate something simple yet complex. That is why we started to brainstorm our ideas and come up with an e-commerce website combined with logistics for delivering and ordering medicine on the go. What it does
We are proud of being able to develop a full-stack web application that includes vanilla javaScript, React, and different backend processes that we were totally new to when we first building this project. We are particularly proud of learning more about the new technology stack that the software developers in the industry use. Overall, working together and bringing our ideas to life. What we learned
We learned how to work in a team. We learned how to respect each other's ideas and contribute. We learned how to manage time in a time constrained environment and how to work at a fast pace bringing quality value.
We hope to take this to the next level and build the full backend platform for it that includes databases and also mobile applications that will allow people to deliver medicine and order from their mobile application.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.