Giter VIP home page Giter VIP logo

bucket-listy's Introduction

Bucket Listy Web App

GitHub Logo

Table of Contents

Intro

On BucketListy you can create and manage your own bucket list. Find new ideas of interesting things to do and also add own experiences yet to complete.

Quickly sign up so you can keep track of your bucket list on any device.

Demo

BucketListy.com

Netlify status

API

Development

Aim of this project is to build a simple single page web application on a Node.js, Express.js and MongoDB tech stack with a few objectives and challenges for fun.

  • MVC architecture.
  • MVP development strategy.
  • Client-side and server-side storage.
  • Exposed REST API with a playground and documentation.
  • External APIs consumption.
  • Use Sass and Vanilla Javascript.
  • Simple and intuitive UI/UX.
  • Achieve decent PageSpeed Insights scores.
  • Scalability for future implementations.

PSI scores
Desktop

PageSpeed Insights score desktop

Mobile

PageSpeed Insights score mobile


Built With

  • Node.js - Back end JS runtime environment.
  • Express.js - Back end node framework to serve the REST API.
  • MongoDB - NoSQL database platform.
  • Mongoose - Object Data Modeling library for MongoDB.
  • Webpack - JS module bundler.
  • Sass - CSS preprocessor.
  • Bootstrap - CSS framework.
  • LoginRadius - User authentication with social networks or traditional email/password.
  • EJS - Views layout templating for project structure and scalability.
  • Particles.js - Lightweight JS library to create particle animated background.
  • ZenQuotes - Quotes API consumed to present a header quote on wide viewport devices.
  • Lorem Picsum - Random placeholder pictures for header background

Future Implementation

  • Schema markup
  • Webpack code splitting
  • Dark/Light mode
  • Bucket list items categorization
  • Archives
  • Completion achievements
  • Social share

Resources

Contributing

Contributions are welcome! Read the contribution guidelines first.

Wish there was another feature? Feel free to open an feature request issue with your suggestion!

If you find a bug, kindly open an bug report issue as described in the contribution guidelines.

License

Licensed Under MIT

bucket-listy's People

Contributors

actions-user avatar correia-jpv avatar dependabot[bot] avatar renovate-bot avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

bharathjinka09

bucket-listy's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource Name Replacement PR?
npm popper.js Unavailable

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • Update dependency style-loader to v3.3.4
  • Update dependency bootstrap to v5.3.3
  • Update dependency bootstrap-icons to v1.11.3
  • Update dependency dotenv to v16.4.5
  • Update dependency html-webpack-plugin to v5.6.0
  • Update dependency npm-watch to ^0.13.0
  • Update dependency webpack-cli to v4.10.0
  • Update actions/checkout action to v4
  • Update dependency css-loader to v7
  • Update dependency exports-loader to v5
  • Update dependency node-sass to v9
  • Update dependency nodemon to v3
  • Update dependency postcss-loader to v8
  • Update dependency sass-loader to v14
  • Update dependency style-loader to v4
  • Update github/codeql-action action to v3
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/PSI-scores-to-svg.yml
  • actions/checkout v3
.github/workflows/codeql-analysis.yml
  • actions/checkout v3
  • github/codeql-action v1
  • github/codeql-action v1
  • github/codeql-action v1
.github/workflows/dependabot-auto-merge.yml
  • actions/checkout v3
  • ahmadnassri/action-dependabot-auto-merge v2
.github/workflows/lighthouse.yml
npm
package.json
  • @popperjs/core ^2.11.4
  • autoprefixer ^10.4.4
  • bootstrap ^5.1.3
  • bootstrap-icons ^1.8.1
  • css-loader ^6.7.1
  • dotenv ^16.0.0
  • dotenv-webpack ^7.1.0
  • ejs-loader ^0.5.0
  • exports-loader ^3.1.0
  • html-webpack-plugin ^5.5.0
  • node-sass ^7.0.1
  • nodemon ^2.0.15
  • npm-watch ^0.11.0
  • popper.js ^1.16.1
  • postcss ^8.4.12
  • postcss-loader ^6.2.1
  • process ^0.11.10
  • sanitize-html ^2.7.0
  • sass-loader ^12.6.0
  • style-loader ^3.3.1
  • webpack ^5.70.0
  • webpack-cli ^4.9.2

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.