Serene - New Tab

New tab, but prettier

Introduction

---

• Serene is a firefox add-on that replaces your new tab with a beautiful wallpaper packed with utilities like Focus of the Day, Todo list, Weather update and a Quote

Live URL

Serene DEMO

Get Serene on Firefox add-ons

Features -

---

• User onboarding
• Digital Clock
• Wallpaper
  • From unsplash.com
  • User can select from predefined wallpaper categories
• Main focus of the day
  • User can edit/complete the focus of the day
• Weather updates
  • From fccweather api
• Quote
  • from quotable.io
• Todo list
  • User can add/edit/delete a task
• Settings menu. User can change
  • Wallpaper category
  • Wallpaper refresh interval
  • Quote reload interval
  • Text color

Techstack and APIs used

• ReactJS
• inkUI CSS component library
• Unsplash for wallpaper
• Quotable.io for Quotes
• FCC Weather api

Running locally

---

1. clone the repository on your local machine

2. install dependencies

npm install

3. Signup on Unsplash and get an API key

4. Create a .env file in the root folder and enter API key in following format REACT_APP_UNSPLASH_API_KEY=<YOUR_API_KEY_HERE>;

5. start the server

npm start

Connect