Skip to content

Latest commit

 

History

History
90 lines (47 loc) · 3.24 KB

README.md

File metadata and controls

90 lines (47 loc) · 3.24 KB

Results for hackathon

This project got included in the runners-up for the hackathon

image

Demo

https://www.loom.com/share/df1c091079224aeeae43041be5e38237?sid=b62be478-f8fb-48f1-8591-d6c50646dd64

Shopify Alternative app

If you've ever dreamed of building a full-stack app but have been intimidated by the technical challenges of setting up the whole backend, this story is for you.

Using AWS Amplify, I quickly generated the frontend components I needed - from forms and tables to modals and menus. Amplify Studio's drag-and-drop interface allowed me to build the app's data models and APIs in just a few hours.

Behind the scenes, Amplify is handling all the backend work for me - hosting my app, managing the database, and integrating features like analytics and cloud storage. This freed me up to focus on the user experience and functionality that matters most for the users.

The result? An all-in-one e-commerce platform that helps users:

• Create and manage their product catalog, customers, and orders.

• Store product images and documents in the cloud

• Send targeted promotional emails to the right customers

• Track sales, orders, and other key metrics

Licenses

MIT License GPLv3 License AGPL License

Features

  • 🔐 Secure Login/Signup with AWS Cognito - Amplify makes it a breeze to integrate user authentication and authorization using AWS Cognito. Users can quickly create accounts and log in to access the app's features.

  • 📝 GraphQL API - Amplify provides a GraphQL API out of the box to interact with the front end. This allowed me to quickly build the data models and CRUD operations for products, orders, and customers.

  • ⚛️ Amplify UI Components - I leveraged Amplify's React UI library to generate forms, tables, modal windows, and other UI components - saving me hours of frontend development work.

  • 🎨 Amplify Studio Data Models - Amplify Studio's visual interface helped me design and generate the data models for my backend, which I then connected to my React frontend.

  • 📧 AWS SES + Pinpoint Email Campaigns - I integrated AWS SES and Pinpoint to enable targeted promotional email campaigns to the right customers at the right time.

  • 📊 Built-in Analytics with Pinpoint - Amplify's integration with Pinpoint gave me real-time analytics and metrics like total auto-tracking a page time spent, auto-tracking user sessions, and page views - right out of the box.

Run Locally

Clone the project

  git clone https://github.com/vishesh-baghel/amplify-hackathon.git

Go to the project directory

  cd my-project

Install node dependencies by going to the webapp directory

  npm i

To deploy this project

  npm start

Tech Stack

Client: React, AWS Amplify

Server: AWS AppSync, AWS Lambda, AWS Pinpoint

Support

For support, email me at [email protected]