Purrviews is a mobile React Native app that connects users through their cats. Users are able to create an account and post pictures of found cats on an interactive map which can then gain votes. The post with the most votes makes it to the home page as cat of the day! The app also aids in the finding of lost cats via the lost and found page, and allows users to chat to each other in the chat rooms. Furthermore, users can customise their own profile and add their own cat profiles to the my profile page.

We used: TypeScript, React Native, MongoDB, FireBase, Tailwind, Mocha, Chai, Socket.io, Express, Axios.

TypeScript is a superset of JavaScript that provides static typing and other features that can make code more robust and easier to maintain. It can help catch errors at compile time and provide better tooling support for larger projects.

React Native is a framework for building mobile applications that uses the React library from the web. It allows developers to write code once and deploy it to both iOS and Android, saving time and effort. React Native also provides access to native features and performance, resulting in more responsive and user-friendly apps.

MongoDB is a NoSQL document-oriented database that can handle large amounts of data and scale easily. It is often used in web applications because of its flexibility and ease of use.

Firebase is a mobile and web application development platform that provides a range of services including authentication, real-time database, cloud storage, and analytics. It can help developers build and scale applications quickly and easily, without needing to manage infrastructure.

Tailwind is a CSS framework that provides a set of utility classes that can be used to quickly style web applications. It can help reduce the amount of custom CSS that needs to be written, resulting in faster development times.

Mocha and Chai are testing frameworks for JavaScript that can be used to write unit tests and integration tests for web applications. They can help catch errors and ensure that code works as expected, making it easier to maintain and improve over time.

Socket.io is a library for real-time web applications that allows bidirectional communication between clients and servers. It can be used to build chat applications, multiplayer games, and other types of real-time applications.

Express is a web application framework for Node.js that provides a range of features for building web applications, such as routing, middleware, and template engines. It is often used to build APIs and web applications quickly and easily.

Axios is a popular JavaScript library for making HTTP requests from the browser or Node.js. It can handle requests and responses in a variety of formats, including JSON, and can be used to build client-side applications that interact with APIs and web services.

Using these technologies together can result in robust and scalable web and mobile applications that are easy to maintain and develop.

Some problems we encountered:

Integrating new technologies into an existing tech stack was a daunting task, and using React Native and TypeScript for the first time can be particularly challenging. When the team first started using these technologies, we encountered several obstacles that made development difficult, such as unfamiliar syntax and complex configurations. However, after investing time and effort into learning these technologies, the team was able to overcome these challenges and successfully integrate them into the development process. With the help of documentation, tutorials, and hands-on experience, we were able to gain a deeper understanding of how to use these technologies effectively. Ultimately, the team was able to achieve better code quality, fewer errors, and more streamlined development processes thanks to React Native and TypeScript.