A photography-centred blog, allowing anonymous posting and commenting. Built with JavaScript.
- Go to musing-hopper-288ea1.netlify.app
- Follow the usage instructions from point 3.
- Clone or download the repo.
- In your command line, navigate to the server folder and run
npm install.
-
In your command line, run
npm run startto run the server. Make sure you see the following message:Express now departing from http://localhost:3000. -
Open index.html in your browser.
-
Press New Post and and type your post in the modal that appears, then press Submit Post.
-
Click on the emojis below each post to react.
-
Leave comments in the text box below each post
- Started by wireframing the page in Figma and creating it using HTML and CSS (with Bulma)
- Created a basic server using Express
- Wrote pseudo code to break down the logic of collecting user input, assigning functionality to buttons and making user input appear on the page.
- Creating delete functionality, allowing users to delete their posts.
- Implementing an image upload feature using Base64 encoding.
- Keeping the emoji counter numbers consistent on refresh.