Swag-Shop Full Stack Project

Welcome to the Swag-Shop Full Stack Project! This project is a simple online shopping experience where users can view products, add them to their wishlist, and explore different features.

Table of Contents

• Introduction
• Features
• Technologies
• Installation
• Usage
• Contributing
• License

Features

• View a list of products with details.
• Add products to the wishlist.
• Fetch product data from a server using HTTP requests.
• Responsive layout for different screen sizes.

Technologies

• Frontend:
  • React: UI components and user interface.
  • CSS: Styling the application.
  • HttpService: Handling HTTP requests.
• Backend:
  • Node.js: Server-side logic.
  • Express: Web application framework.
  • MongoDB: Database for storing product data.

Installation

1. Clone this repository: git clone https://github.com/yourusername/swag-shop.git
2. Navigate to the project directory: cd swag-shop
3. Install frontend dependencies: cd client && npm install
4. Install backend dependencies: cd ../server && npm install
5. Start the frontend: cd ../client && npm start
6. Start the backend: cd ../server && npm start
7. Access the application in your web browser at http://localhost:3000

Usage

1. Open the application in your web browser.
2. Browse the list of products and their details.
3. Click on "Add to Wishlist" to add products to your wishlist.
4. Interact with the user interface and enjoy the shopping experience.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature/fix: git checkout -b feature-name
3. Make your changes and commit them: git commit -m "Add your message here"
4. Push to the branch: git push origin feature-name
5. Create a pull request explaining your changes.

License

This project is licensed under the MIT License.