https://github.com/correia-jpv/bucket-listy
💡✔ Bucket list single page web app. Node.js, Express, MongoDB stack. Live on bucketlisty.com
https://github.com/correia-jpv/bucket-listy
bootstrap bucketlist ejs express expressjs javascript lighthouse lighthouse-score loginradius mongodb nodejs pagespeed pagespeed-insights particles-js psi sass social-login todolist webapp webpack
Last synced: 6 months ago
JSON representation
💡✔ Bucket list single page web app. Node.js, Express, MongoDB stack. Live on bucketlisty.com
- Host: GitHub
- URL: https://github.com/correia-jpv/bucket-listy
- Owner: Correia-jpv
- License: mit
- Created: 2021-08-31T09:38:52.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2025-04-24T06:29:30.000Z (6 months ago)
- Last Synced: 2025-04-24T07:38:23.376Z (6 months ago)
- Topics: bootstrap, bucketlist, ejs, express, expressjs, javascript, lighthouse, lighthouse-score, loginradius, mongodb, nodejs, pagespeed, pagespeed-insights, particles-js, psi, sass, social-login, todolist, webapp, webpack
- Language: EJS
- Homepage: https://bucketlisty.com
- Size: 12.5 MB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 49
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bucket Listy Web App
![GitHub Logo]
## Table of Contents
- [Introduction]
- [Demo]
- [API]
- [Development]
- [Built With]
- [Future Implementation]
- [Resources]
- [Contributing]
- [License]
## 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
- [Bucket Listy API GitHub repo](https://github.com/Correia-jpv/Bucket-Listy-API )
- [Playground](https://bucketlisty-api.herokuapp.com/docs)
- [Documentation](https://bucketlisty-api.herokuapp.com/docs/jsdoc)
## 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
- [Netlify Cloud hosting]
- [Lighthouse]
- [PageSpeed Insights]
- [PageSpeed Insights to SVG]
- [Bucket List inspiration]
## Contributing
Contributions are welcome! Read the [contribution guidelines](https://github.com/Correia-jpv/.github/blob/main/CONTRIBUTING.md#contributing) first.
Wish there was another feature? Feel free to open an [feature request issue](/../../issues/new?assignees=Correia-jpv&labels=enhancement&template=feature-request.md&title=%5BREQUEST%5D) with your suggestion!
If you find a bug, kindly open an [bug report issue](/../../issues/new?assignees=Correia-jpv&labels=bug&template=bug_report.md&title=%5BBUG%5D) as described in the contribution guidelines.
## License
[Licensed Under MIT]
[GitHub Logo]:documentation/mockup-devices.png
[Introduction]:#Intro
[Resources]:#resources
[Contributing]:#contributing
[License]:#License
[Demo]:#Demo
[API]:#API
[Built With]:#built-with
[Future Implementation]:#future-implementation
[Development]:#Development
[LoginRadius]:https://loginradius.com/docs/developer/tutorial/node-js
[Bucket List inspiration]:https://neal.fun/life-checklist/
[Webpack]:https://webpack.js.org/
[Node.js]:https://nodejs.org/
[MongoDB]:https://mongodb.com/
[Express.js]:https://expressjs.com/
[ZenQuotes]:https://zenquotes.io/
[Sass]:https://sass-lang.com/
[Particles.js]:https://vincentgarreau.com/particles.js/
[Netlify Cloud hosting]:https://netlify.com/
[Bootstrap]:https://getbootstrap.com/
[Lighthouse]:https://developers.google.com/web/tools/lighthouse
[PageSpeed Insights]:https://pagespeed.web.dev/
[PageSpeed Insights to SVG]:https://github.com/Correia-jpv/pagespeed-insights-to-svg
[EJS]:https://ejs.co/
[Lorem Picsum]:https://picsum.photos/
[Mongoose]:https://mongoosejs.com/
[issue]:https://github.com/correia-jpv/Bucket-Listy/issues/new
[BucketListy.com]:https://bucketlisty.com/
[Netlify status]:https://api.netlify.com/api/v1/badges/45b2c9fe-b6ff-4fdc-bc8a-fe600df4ee0a/deploy-status
[Licensed Under MIT]:https://spdx.org/licenses/MIT.html
[PageSpeed Insights score desktop]:documentation/reports/psi-audit-desktop-1.svg "PageSpeed Insights score desktop"
[PageSpeed Insights score mobile]:documentation/reports/psi-audit-mobile-1.svg "PageSpeed Insights score mobile"