Atalanta A.C.

Atalanta A.C. – Your ultimate destination for cutting-edge sportswear, offering a sleek, seamless shopping experience with secure payments and real-time order tracking.


View Demo

---

Table of Contents

1. About The Project
2. Built With
3. Project Overview
4. Key Features
5. Usage
6. Architecture
7. Screenshots
8. Future Enhancements
9. Contact

---

About The Project

Atalanta A.C. is a sportswear platform that brings you the latest in trendy styles and athletic equipment. Designed with a sleek user interface, secure payment processing, and robust order management, it offers a hassle-free shopping experience for all users.

(back to top)

Built With

• 
• 
• 
• 
• 
• 
• 
• 
• 

(back to top)

---

Project Overview

• Live Demo: atalanta.world

Atalanta A.C. allows users to:

• Browse and purchase sportswear and equipment.
• Create an account to track orders and view order history.
• Opt for guest checkout with email-based order tracking using a unique order number.

Note: Integrated with Stripe for secure and seamless payments, providing peace of mind to users during checkout.

(back to top)

---

Key Features

1. Account Creation and Order Tracking

   • Users can create accounts to manage their orders and view order history.
   • Email verification ensures account authenticity (check your spam folder if nothing shows up).

2. Guest Checkout

   • Offers convenient guest checkout. Users receive an order number via email to track orders without needing an account.

3. Secure Payments via Stripe

   • Integrated Stripe API for secure, hassle-free payment processing.

4. Responsive Design

   • Fully responsive design ensures smooth browsing across devices.

5. Order Confirmation Emails

   • Users receive detailed order confirmation emails, providing all relevant purchase information.

6. Cloud Hosting and Storage

   • Hosted entirely on AWS (Docker, ECR, App Runner, Route 53) with assets secured in AWS S3 and data stored in MySQL RDS.

(back to top)

---

Architecture

Atalanta A.C. is structured into two core components:

1. Frontend

   • Built with React JS and TypeScript, powered by Vite for fast development and builds.
   • State management is handled using React hooks, providing smooth UI interactions.
   • Deployed on AWS App Runner, allowing automatic scaling.

2. Backend

   • Built on Laravel, providing API endpoints for managing user data, orders, and inventory.
   • Data is stored in MySQL RDS, and media assets are managed through AWS S3 for efficient delivery.

3. CI/CD Pipeline

   • The deployment process is handled via a custom script.
   • Running npm run deploy:
     1. Builds the Docker image for the application.
     2. Pushes the new Docker image to AWS ECR.
     3. AWS App Runner automatically triggers a new deployment using the updated image.
   • This setup ensures that code changes are deployed live with minimal manual intervention.

4. Admin Dashboard

   • For backend management (e.g., inventory, order tracking), check out the Admin Dashboard GitHub Repo.

(back to top)

---

Screenshots

• Create Account
  

• Confirm Email
  

• Log In
  

• Browse Products
  

• Checkout
  

(back to top)

---

Future Enhancements

• Auto-Complete Address: Implement address auto-completion during profile creation.
• Improved CAPTCHA: Upgrade to a more secure CAPTCHA solution.
• Analytics Integration: Integrate Meta Pixel or Google Analytics for better tracking.
• SMS Verification: Add SMS verification as an optional security feature.
• Product Page Redesign: Revamp product pages for a more luxurious aesthetic.

(back to top)

---

Contact

Henry Betancourth

• Email: noelys215@gmail.com
• GitHub Repo: Atalanta Frontend Repo

(back to top)