Consoul.log

A place for tech nerds to reveal their innermost feelings ...

Mission

Give computer power users place to unwind and clear the clutter of their minds by providing simple stylised online journaling solution. By providing fun, easily accessible and safe environment for keeping your thoughts online we hope we can help you in short time to get familiar with practice and philosophy of journaling.

Installation and using the website

Using Netlify deployed link

Consoul.log

Without using the deployed website

Clone this repo to run the project locally! To use the local server instead of the heroku deploy change the host URL in /client/script/fetchers.js from https://all-about-the-journal.herokuapp.com/ to http://localhost:3000

• Client port: 8080
• Server port: 3000

Using docker

• Navigate to the root and run docker-compose up to launch the client and server containers

Without docker

• Navigate to client and server folders and npm install to install dependencies
• In server folder npm run dev to launch client and server

Technologies

1. Giphy API
2. Express API framework
3. Nodemon server runner
4. Jest testing
5. Packery (website layouts)

Process

The team has followed linear design approach that is

1. We have gathered initially to discuss and brainstorm ideas:
   • brainstorming took place on Moqups online platform for collaborative website wireframing.
2. We have agreed on the layout and proceeded onto determining the main milestones of the project to tackle:
   • here we used Kanban board in GitHub projects with some automation on some of the boards
   • must-haves of our website and other features were organised using MoSCow method
3. We have split the work into pairs matching partners by their abilities to ensure everyone learns from experience
   • we all got to work on both client and server sides
4. We have considered political, social and technological factors related to our project before proceeding with the design
   • for example, user persona and technologies to aid creationg had to be determined

Project keystages included:

1. Initial setup of file structure on GitHub and cloning down of repos to start working on features on our individual machines.
2. Creating HTML skeleton of the page and adding the main input form.
3. Server side routing.
4. Creating fetch functions on the client side.
5. Creating testing suite and adding functionality of recording data in a json file.
6. Adding post functionality.
7. Bringing in external Giphy API for gif integration.
8. Adding comment feature and integrating it with the layout.
9. Adding emojis and related buttons.
10. Preliminary basic layout done in flex, then finished with the aid of Packery.

Basic initial layout

Journal posts section finished

Wins and Challenges

Wins 👍

1. Successfully integrated Giphy API to the webpage.
2. Made layout assymmetric as an extra challenge.
3. All essential elements were made to work as initially have planned.

Challenges 👎

1. Merging various features to staging branch on GitHub and making website work on various machines.
2. Giphy API implementation -> making gif form drop used gif images.
3. Layout styling: figuring out how to apply to non-existent elements and making it behave consistently.
4. Making nested buttons.
5. Final deploy of the website via Heroku - unexpected challenges with integration of features.

Bugs

1. The search bar works fine except when searching for non-existent posts. In that case prrevious message on number of results is displayed.

Future Features

1. Location functionality with ability to pin down locations on a map.
2. Social media sharing capabilities.
3. Ability to include images or sketches.
4. More emojis and custom styles (fonts, colors, post and page themes).
5. User databases.

License

MIT License