In this project, I developed a mobile and web application called BiteApp as part of my degree project for my Systems Engineering program at CORHUILA University. While the mobile version was built using React Native and TypeScript, I also developed a web application using React and TypeScript for the frontend and Node.js with Express for the backend.
The purpose of the app was to promote the conservation and self-care related to spider and scorpion bites among students in a rural school in Aipecito, Huila, Colombia.
My role was full-stack developer. I designed the architecture, developed the UI with React and TypeScript, and created RESTful APIs using Node.js and Express. I was also in charge of database design and integration with MongoDB.
Challenges I faced included:
- Building an intuitive and responsive user interface for users with limited digital experience.
- Ensuring proper data handling and synchronization between mobile and web platforms.
- Deploying and testing the application in rural areas with inconsistent internet access.
To address these, I:
- Focused on a simple, user-friendly design using React components and TypeScript for type safety and better maintainability.
- Created robust backend services to handle offline scenarios and sync data when the connection was restored.
- Conducted field tests with users and iterated based on their feedback.
- The app was successfully deployed on Android devices and showcased at national and regional research events such as REDCOLSI and the Departmental Meeting of Research Seedbeds held by SENA.
WEB:
MOBILE:
- To run the web and mobile application, it's important to start the backend. To initialize the backend, you must assign the environment variables as indicated in the env.template file.
- Run the projects with Node v16.13.0
- When installing node modules you may get an error with the react-scroll-into-view package, so go to package.json and remove it from there, immediately install the remaining modules, then install the updated package from the following link: https://www.npmjs.com/package/react-scroll-into-view