Reflective
Reflective is a micro journaling app that enables you to become your best self by helping you reflect on your days and learn from your mistakes.
About this project
This was my first full-stack application. The assignment was to create an app comprised of a frontend and backend. I'm love journaling because I think it is a great tool for self-improvement, so I decided to create a journaling app.
I started by stack-ranking all the features I wanted to ship. I was the only person working on it, and I only had 1 week to complete it, so I had to be realistic about what I could complete. I decided to ship a handful of full completed features, as opposed to many features that weren't polished to my satisfaction.
On the frontend, I used Flexbox to create a responsive experience. I came close to using Bootstrap, but I wanted to get a better understanding of vanilla HTMl and CSS before using an external library. I used EJS to create page templates, which gave my app a consistent look and kept my code DRY.
On the backend, I used Node.js, Express.js, and PostgreSQL. Creating routes and controllers, and SQL queries was my favorite part of the project.
The most challenging part of the project was making it look nice. I looked at some of my favorite websites for inspiration and copied the styles I liked.
Technologies used
- HTML
- CSS
- EJS
- Node.js
- Express.js
- SQL