A Momentum clone with vanilla Javascript.
I have since rebuilt this app with Next.JS and added more features:
- NO TRACKING EVER!!!
- Serve roboto font
- Clock
- Greeting
- Updates with time
- Landscape background
- Random landscape from unsplash
- Tasks
- Add task
- Save tasks to local storage
- Delete task
- Weather
- Current weather with icon
- Search bar
- DuckDuckGo
node >= 14.0.0
- Clone this repo locally and install the required packages:
$ git clone https://github.com/librity/nc_js101.git
$ cd nc_js101
$ npm install- Start a development server:
$ npm run dev- Open http://localhost:3000 on your web browser.
Format all source files with Prettier:
$ npm run formatThis project is MIT licensed.
- https://github.com/remy/nodemon/
- https://github.com/babel/babel
- https://github.com/expressjs/express
- https://fonts.google.com/specimen/Roboto
- https://github.com/alvarotrigo/fullpage.js
- https://github.com/serranoarevalo/momonton
- https://codeforgeek.com/render-html-file-expressjs/
- https://stackoverflow.com/questions/18621612/find-and-remove-element-from-array
- https://www.delftstack.com/howto/javascript/javascript-float-to-int/
- https://stackoverflow.com/questions/2696692/setinterval-vs-settimeout
- https://stackoverflow.com/questions/55362152/how-to-open-a-new-tab-in-javascript
- https://stackoverflow.com/questions/247483/http-get-request-in-javascript
- https://gist.github.com/msmfsd/fca50ab095b795eb39739e8c4357a808
- https://fetch.spec.whatwg.org/
- https://www.w3schools.com/cssref/func_linear-gradient.asp
- https://www.w3schools.com/cssref/pr_background-image.asp
- https://developer.mozilla.org/en-US/docs/Web/CSS/background-image
- https://stackoverflow.com/questions/6338217/get-a-css-value-with-javascript
- https://cssgradient.io/gradient-backgrounds/
- https://stackoverflow.com/questions/4847850/is-it-possible-to-define-constants-in-css
- https://stackoverflow.com/questions/5195303/set-css-property-in-javascript
- https://stackoverflow.com/questions/11757537/css-image-size-how-to-fill-but-not-stretch
- https://www.educba.com/css-text-outline/
- https://www.w3docs.com/snippets/css/how-to-set-space-between-flexbox-items.html
- https://www.w3schools.com/css/css_text_align.asp
- https://www.w3schools.com/CSSref/css3_pr_opacity.asp
- https://stackoverflow.com/questions/16989585/css-3-slide-in-from-left-transition
- https://www.w3schools.com/cssref/sel_focus.asp
- https://marksheet.io/css-priority.html
- https://www.w3schools.com/csS/css_overflow.asp