Lap 1 Project: Community Journalling Website
Contributors:
- [Thayaan Srisathialingam] (https://github.com/THAYAANS/)
- [Liberty Sprackling] (https://github.com/LibertySprackling/)
- [Trina Yau] (https://github.com/trinayau/)
- [Andrew Kennedy] (https://github.com/akennedy205/)
Latte.io was borne out of the team's mutual love for coffee and passion for helping small businesses in the UK thrive. Users can use the website to anonymously review coffee shops and check out reviews left by other users to find new coffee shops to visit.
Running the server locally (not using Heroku)
- Clone the repo
cdinto the kewlbeans folder in your terminal- Install dependencies listed below using terminal
- Express
npm i express - Cors
npm i cors - Body Parser
npm i body-parser
- Use the Netlify website which interacts with the server hosted on Heroku
- BootStrap v4.6
- GIPHY API
- Node.js
- Express
- NPM Libraries: body parser, cors, file system
On the first day of receiving the project details, we agreed on a team name (Team Latte) and a concept for our project, which was We designated project roles and discussed everyone's strength and weaknesses. For example, who was more inclined towards front end or back end work, and who wanted to do more project management and deployment tasks. We pulled together basic information for a project vision board, such as ideal customer, name of site and the purpose of the site. Add-ons were also discussed, including stretch goals. Discussions included:
- Preparing README prototype and presentation
- Favicon selection
- Low-fidelity wireframe for rapid prototyping
We initially implemented separation of concerns with different Client and Server folders. This was later amended as we needed the server files to be exposed in the root for Heroku deployment. We made different branches for development on GitHub for each of us and got to work on adding the required features of:
- Posting from web page and storing data in a JSON file
- Call on GIPHY API when posting
- Dynamically creating posts from JSON file in HTML using JS
- Creating an emoji reaction section in the displayed posts
- The emojis being able to update the number of times clicked
- Adding a comment section to displayed posts
- Users able to make comments
- Comments being displayed after comment is posted
- We deployed via Heroku for server and Netlify for client
- Netlify deploy link: https://latte-io-blog.netlify.app/
- Heroku deploy link: https://latte-app.herokuapp.com/ You can access the /reviews endpoint. Heroku refreshes the server every 30 minutes which wipes all reviews except the initial two included in the deployment.
2023 Update: Heroku free tier has been removed, API deployed on Render: https://latte-io-api.onrender.com
MIT License
- Getting the features to work
- Testing the front end
- Writing to JSON file using POST method was very challenging
- Adding GIF selector
- Adding image upload
- Filter by old and new posts
Here is the final look for Latte.io:
