AllnOne

A bit of everything in one place

Comment 2

Inspiration

Me and glow usually check our phones/laptops first after getting up in the morning. We got tired of wasting 10-30 minutes checking everything, so we had the idea of making an app with all the needs. Upon doing more research, we learned many people do the same thing right after waking up, so we made our dream into a real-world app.

What it does

The main purpose of this app is to save a user time and make their routine easier. It is a web app that provides trending news, sports games, trending stocks, the weather, etc.. Along with this, we made a modern, uncluttered UI for a simplistic user experience.

How we built it

We used NextJS, a framework built off of react, for our frontend and we used express.js for our backend. We also used tailwind-CSS for styling the content and made it responsive through custom media queries. For the frontend we used a dark-themed modern look with rounded edges and spacing. As mentioned we also have a backend, which uses our own, custom-built cache system. The backend is also where the frontend gets all its data from using GET and POST requests. All our data comes from different sources and are formatted to give us more performance and speed. We also kept in mind the idea that we are running off of a limited quota, so we had to implement an auto-delete every 10 minutes that ran in the background, so we can balance how recent the data is and our limited resources. Our backend usually gets the data from the cache, but when it is deleted we request the source and save the new data in the cache.

Challenges we ran into

1. Making the cache system was pretty difficult. We had never implemented a system anywhere close to a caching system and we needed to add things like background tasks that run in an interval to auto-delete.

2. The layout of all the information was pretty hard as we had to change up the layout a lot due to minimal space or a bit too much blank space. We also had some difficulties with responsiveness due to having to make custom media queries.

Accomplishments that we're proud of

I am proud that I finished this whole app, overall I had a lot of fun and learned a ton of things. One of our biggest accomplishments would be the caching system and logic.

What we learned

1. How to make and effectively use a caching system

2. Modern designs and layouts

3. Dealing with large chunks of data and formatting it

What's next for AllnOne

We are planning to add an email section, so people can also just check their email instead of checking the website.

Built With

Share this project:

Updates