Startpage

Over 3 years ago1 min read

A web browser startpage featuring todos, bookmarks and timers

June 2018

View Site | Code on Github


Tools Used: React, MobX, Express, MongoDB


What I learned

  • How to implement weather APIs to gather real-time data based on user database information.
  • How to create a Material-UI based app design.
  • How to utilize the full MERN stack.

What it does

Uses OpenWeatherMap to calculate the temperature based on the user’s input, saving that input to their user account inside MongoDB.

Once the user has set up their settings, the user can then edit their todo list, add bookmarks and customize the search bar.

preview

When adding a bookmark the user can add any font-awesome icon they choose, then delete the bookmark if they wish.

The search bar can be changed from just googling things to searching Wikipedia or Reddit, then the search term will only look on that site.

clock

The timer can be customized to your liking, setting it up to display in any of the typical time or date formats.

All of the settings are saved and synced using MongoDB, so it works across all browsers you sign into the app on.