It is a mobile web app, where you are able to enter how you feel. The app will retrieve an uplifting quote generated by openAI API, to foster positivty, inspire and uplift!
In a world where feelings and positivty may be hard, we aim to give you a space for positivity - tailoerd to how you feel.
Deployed at: (Make sure to either inspect in mobile mode or shrink your browser for the best experience)
- OpenAI generated quotes
- Build using React, fast and responsive
vite: A build tool that leverages JavaScript ES modules to deliver fast, optimized web applications. OpenAI API:
As a team, we had a week to conceptualise, design, develop and present an app that solves a problem statement of our choosing.
-
We were conscious of the limited time that we had. To make our decision-making processes more streamlined, we used timers and used dot voting.
-
Created a user persona to help guide us with the UX of the project
-
Conducted competitor analysis and performed SWOT assessments
-
Researched competitor app designs and functionality
-
Used Coolers to pick out some colour pallettes
-
We created wireframes, taking into consideration competitor app functionality and our ideas. Used UIzard to help us out. Then cherry-picked the best features that made sense for what we were trying to accomplish.
-
Created prototypes with a basic design to test out colour variations
images and code - what my contributions are - images from figma
- Due to the limited build time, we chose to go with JavaScript over TypeScript, with an option to include TypeScript after our MVP1 was achieved
- Next.js - We knew that we were going to have multiple pages. To make the routing easier for us, we chose Next.js
- That means that we would use React, allowing us to use components, making our code more manageable and easier to scale.