RunSwift 🚀

RunSwift is a cutting-edge, Nike-inspired e-commerce web application designed to showcase technical proficiency in full-stack development, modern design, and secure authentication mechanisms.

🌟 Features

• Sleek and Responsive Frontend:
  Designed with Angular v19, PrimeNG, and Tailwind CSS to deliver a dynamic and visually appealing user interface.
• Robust Backend Architecture:
  Built with Node.js and Express.js, offering seamless API integration and server-side operations.
• Secure Authentication:
  Implements JSON Web Token (JWT) for secure and efficient user login and access control.
• E-commerce Functionalities:
  Includes core features like product browsing, cart management, and checkout experience.
• Modern Design Aesthetics:
  Optimized for desktop and mobile with Tailwind CSS for stunning and consistent styling.

🛠️ Tech Stack

Frontend:

• Framework: Angular v19
• Styling: Tailwind CSS, PrimeNG
• Build Tool: Angular CLI

Backend:

• Server: Node.js, Express.js
• Database: MongoDB

Authentication:

• Token-based: JWT (JSON Web Token)

🚀 Deployment

• Frontend: Deployed on Netlify for fast and reliable access.
• Backend: Deployed on Vercel for scalable and efficient server-side functionality.

📂 Folder Structure

runswift/
├── backend/
│   ├── package.json
│   ├── server.js
│   ├── routes/
│   ├── models/
│   ├── controllers/
│   ├── config/
│   └── .env
├── frontend/
│   ├── src/
│   │   ├── app/
│   │   ├── assets/
│   │   ├── environments/
│   ├── angular.json
│   ├── tailwind.config.js
│   └── package.json
└── README.md

🌐 How to Run the Project Locally

Prerequisites:

• Node.js (v16 or higher)
• Angular CLI (v15 or higher)
• MongoDB (local instance or cloud-based)

Steps:

1. Clone the repository:

   git clone <repository-url>
   cd runswift
   

2. Install dependencies for backend:

   cd backend
   npm install
   

3. Start the backend server:

   npm run start
   

4. Install dependencies for frontend:

   cd ../frontend
   npm install
   

5. Start the frontend server:

   ng serve
   

6. Open your browser and navigate to http://localhost:4200.

🎯 Purpose

RunSwift demonstrates advanced technical skills, from crafting sleek user interfaces to building secure and scalable backend systems. This project is a showcase of expertise in modern web technologies and a commitment to delivering high-quality applications.