Sportify Shop is a comprehensive online shopping web application dedicated to sports items. It offers a wide range of products, from sports apparel to equipment, ensuring a seamless and enjoyable shopping experience for sports enthusiasts. The application is built using a robust tech stack to ensure scalability, performance, and security.
- Frontend:
- TypeScript
- JavaScript
- HTML/CSS
- Backend:
- Java
- Spring Boot
- Hibernate
- Database:
- MongoDB
- Other Tools:
- Node.js
- npm (Node Package Manager)
- Node.js
- npm (Node Package Manager)
- Java Development Kit (JDK)
- MongoDB
-
Clone the repository:
git clone https://github.com/Rayyan9477/sportify-shop.git cd sportify-shop
-
Install frontend dependencies:
cd frontend npm install
-
Install backend dependencies:
cd ../backend ./mvnw install
-
Set up environment variables: Create a
.env
file in the root directory and add the following:MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret
-
Start the backend server:
cd backend ./mvnw spring-boot:run
-
Start the frontend development server:
cd ../frontend npm start
- Open your web browser and navigate to
http://localhost:3000
. - Register a new account or log in with an existing account.
- Browse through the sports items and add desired products to your cart.
- Proceed to checkout to complete your purchase.
We welcome contributions to Sportify Shop! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature-name
). - Make your changes and commit them (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature/your-feature-name
). - Open a pull request.
For any inquiries or feedback, please contact us at:
- Email: [email protected]
- LinkedIn: Rayyan Ahmed
Q: How can I reset my password? A: Click on the "Forgot Password" link on the login page and follow the instructions.
Q: Can I track my order? A: Yes, you can track your order from the "Order History" section in your account.
Q: How can I contact customer support? A: You can reach out to our customer support team at [email protected].