A PERN stack coffee website. Showcasing our knowledge in implementing Express, PostgreSQL, NodeJS and React.
Netlify: https://quizzical-yonath-00eaa3.netlify.app/ Heroku: https://salty-spire-03163.herokuapp.com/
-
- Express
- PostreSQL
- ReactJS
-
- Wireframe
- Branding
- Package Design
- Hifi Mockup
We created our server using Express for our client request to several endpoints.
Our database was designed using PostgreSQL to store the data associated with our coffee as well as the user reviews. Our website uses full CRUD for our custom coffee form/our edit form and allows the user to create, edit and delete their customizations and comments.
React is the vehicle transferring our contents to and from the back end. Allowing the user to access the info we have stored and through our front-end functionality allows our database to update based on what is entered by our forms and stored to our database.
After we decided on what we wanted our store to be (coffee), it was time to figure out how we wanted to set up our web store. We knew we wanted something that would bold, but not loud. We came up with a wireframe that we were happy with using Draw.io.
Now if we were gonna design a coffee comapny we needed a logo, a product and packaging. Using InDesign and Photoshopwe created the logo first and then using 3D modeling the pakages were designed. The label was then created and JavaScript Coffee was created.
Once the wirerame and product creation was done, it was time to create a more realistic and detailed version of our website. Using Adobe XD We replicated the format of the wireframe and imported fonts and the images designed.
