https://the-cake-store.herokuapp.com
It’s all about cakes! The Cake Store is a serverless application built with React, AWS API Gateway, AWS Lambda and AWS DynamoDB. The application allows the user to view, add and delete to a list of favorite cakes.
Clone down this repository. You will need node and npm installed globally on your machine.
npm install
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
This project was bootstrapped with Create React App, Styled Components, React Router and AWS Amplify.
GET - https://q6wwqjqiel.execute-api.eu-west-2.amazonaws.com/api/cakes
GET - https://q6wwqjqiel.execute-api.eu-west-2.amazonaws.com/api/cakes/{id}
POST - https://q6wwqjqiel.execute-api.eu-west-2.amazonaws.com/api/cakes (with a JSON - it returns what the json contains)
PUT - https://q6wwqjqiel.execute-api.eu-west-2.amazonaws.com/api/cakes/{id}
DELETE - https://q6wwqjqiel.execute-api.eu-west-2.amazonaws.com/api/cakes/{id}
This was a week-long project built as a technical exercise. Project goal included convert the technical requirements into a working website.
Originally I wanted to build an application that allowed users to see a list of cakes with the image and name of the cake, add a new cake to the list and be able to select/click or tap any cake in the list and be taken to a view where I can see the comment/review made. I started this process by using the create-react-app boilerplate, then adding styled-components and AWS Amplify to handle the API requests.
One of the main challenges I ran into was to create the API with AWS Gateway API, set up the AWS Lambda functions to call the API and then create the database using AWS DynamoDB. This leads me to spend a few hours planning a better way to display the information coming from the API. Due to project time constraints, I had to decide to not implement the functionality of Edit and Delete a cake.
At the end of the day, the technologies implemented in this project are React, Styled Components, and React Router. I choose to use as fewer frameworks as possible to minimize initial setup and invest more time in diving into weird technological rabbit holes. In the next iteration with more time, I would like to implement the Edit and Delete a cake functionality.