You are browsing as a guest. Sign up (or log in) to start making projects!

Ship #1 Pending review

i made this minimilistic new tab page, has sleek animations when opened and also a special search bar animation

  • uses NASA’s APOD API to fetch the image of the day to use as background
  • added feature to let user add custom shortcuts to the page
  • added a special font for the time
  • responsive design for mobile and desktop
  • there are still things like news and weather fetching, but lets leave that for the next ship
Try project → See source code →
Open comments for this post

1h 40m 53s logged

Devlog 4

  • used NASA’s APOD API to fetch the image of the day to use as bg
  • added featture to let user add custom shortcuts to the page
  • added a special font for the time
0
0
14
Open comments for this post

1h 1m 18s logged

Devlog 3

  • This session was all about improving the UI
  • added animations to serachbar, shortcuts and time display
  • the searchbar has greadient border and a blur effect when focused and its width also extends
  • the shortcuts section also fade in with some animation delay
  • time slides up, like its comming from below the searchbar

up next

  • bg image
  • let user change shortcuts
  • maybe fetch some news and display it
0
0
13
Open comments for this post

43m 15s logged

Devlog 2

  • added time display
  • now the selected search engine is saved in local storage and reloaded on page refresh
  • also chagned the placeholder text according to the selected serach engine
  • dynamically poopulated the shortcuts from an array of objects instead of hardcoding them in HTML
  • imporved the responsiveness of shortcuts seciton

I found an amazing URL that is basically a servies of google which i can use to get the favicon of any site i used that to get the icons for nay website user want to add as shortcuts

0
0
10
Open comments for this post

38m 31s logged

Devlog 1

  • created a simple page with a search bar and option to select a serach engine

  • also added a few dummy shortcut links

  • this project is my 2nd try at “Give your website a pulse” mission, last time i used react to make a project of similar kinds, but i got flagged as AI, i tried to update the ui still reviewer says AI, so i just abandoned it, i tried conta ting the support on slack but no replies

  • so i picket it up this time in plain html css and js not react , this is exciting i am like going to write html csss js the old way after writing in react for last 2 years

0
0
54

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…