frontpage.mp4
This is a full-stack Wellbeing CRUD application designed with Vanilla Javascript, EJS, a touch of Apline.js, Tailwind, Node.js, MongoDB and Mongoose. https://ill-pear-walrus-tutu.cyclic.app/
- Dashboard showing weekly mood stats and randomily displayed quote with logic to display based on like or dislike.
- Wellbeing tools - Thought Diary and Motivational Quotes CRUD features.
- Positivity Hub allowing users to view bookmarks that help with instilling postive emotions.
- Community pages for posting thoughts and quotes to share and discuss.
- Profile settings editor - upload a profile picture and edit personal details.
A learning curve was to install and implement Alpine.js. I chose this lightweight framework because I wanted to add a library that complimented and fitted the profile of Tailwind. I also wanted something that could be implemented with EJS and wasn't too complicated given I had chosen to use embedded JavaScript.
Integration tests using Supertest.
To run this project you must install node and express.
Fork and clone the repo and then run the following from a terminal if on Mac or command prompt on windows:
npm i
This will install the required package.json file
Create your .env files and set up cloudinary and mongoDb then add the settings to your .env like so.
PORT = any port number
DB_STRING = your mongodb connection
CLOUD_NAME =''
API_KEY =''
API_SECRET =''
Create your .gitignore file so you aren't giving away any secrets and add your .env and node_modules.