Welcome to part 1 of my series where I write about how I built this website:
In this post I will cover:
- What is the purpose of my web app?
- Why did I choose React.js for the front-end?
- Why did I choose AWS Amplify?
The Bakery Service
Monica takes orders for specialty decorated cakes. Her business is by word of mouth and she gets many phone calls from customers wanting to place orders. Dealing with customers on the phone all day can get pretty hectic, and sometimes Monica has to decline new orders. Wouldn't it be nice if she had a website for customers to see their options and directly place orders?
At a minimum, the functional app should have these features:
- Nice looking front-end with easy ordering capability.
- Web and mobile compatibility.
- Database stores: Users, Customer's cakes, Customer's order
- Authentication + Registration system for customers to place orders.
- Mom can easily view transactions and order data.
Extra features to implement:
- Beautiful front-end with many components + animations.
- Web + Mobile compatibility.
- Gallery.
- Make a Watson Assistant machine for an order placing chatbot.
tldr: Building a website for small business owner to easily have transactions with customers.
React.js Front-End
React.js was created by Facebook in 2011 and is now one of the most popular front end frameworks in the industry, along with Vue, Angular, and Django.
What makes React so popular? It is flexible and allows developers to create components for their web applications. It can also be easily integrated into existing projects. React has amassed an active, supporting, and growing community that helps developers find the tools they need to build their applications.
tldr: React is great. Build beautiful UIs. Components for everyone everywhere.
Amplify Back-End
It's no surprise that AWS provides extremely powerful and helpful tools for cloud computing users. In fact, AWS makes up a very large portion of Amazon's net profits. "[AWS] closed out 2020 with more than $13.5 billion in annual operating profits, responsible for more than 63% of the entire company's operating profits for the year, on annual AWS revenue of $45.3 billion, up nearly 30% year-over-year." (source)
For my web app, I used AWS Amplify to do the following:
- Initialize a local app using the CLI.
- Add user registration and authentication using Amazon Cognito.
- Add a GraphQL API and database.
Tldr: AWS Amplify. Quick and Easy. Configure your web app in 50 minutes.
תגובות