Skip to content

swaraj-das/Collect-your-GamingTools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ Collect Your GamingTools ๐Ÿ•น๏ธ

A responsive and dynamic website to showcase the best gaming accessories for every gamer!

๐ŸŒŸ Stars ๐Ÿด Forks ๐Ÿ› Issues ๐Ÿ”” Open PRs ๐Ÿ”• Close PRs
Stars Forks Issues Open Pull Requests Close Pull Requests

โœจ Features

๐Ÿ—‚๏ธ Dynamic Navigation Menu: Toggle visibility, designed for seamless use across all screen sizes.

๐Ÿ›’ Product Display: View gaming products with prices, discounts, and a "Buy Now" option.

๐ŸŒ Social Media Links: Instant access to your favorite platforms like Facebook, Twitter, and Instagram.

๐Ÿ“ฑ Responsive Design: Enjoy smooth navigation whether you're on mobile, tablet, or desktop!

๐Ÿ’ป Technologies Used ( Frontend )

๐Ÿ’ป Technologies Used ( Backend & Docker Functionality )

  • ๐ŸŸข Node.js and Express for the backend
  • ๐Ÿƒ MongoDB for database storage
  • ๐Ÿณ Docker for containerization

Node.js, Express, MongoDB, Docker

โš™๏ธ Backend Setup

  1. Clone the repository:

    git clone https://github.com/swaraj-das/Collect-your-GamingTools.git
  2. Install dependencies:

    cd Collect-your-GamingTools
    npm install
  3. Configure environment variables: Create a .env file with:

MONGO_URI=your_mongodb_uri
JWT_SECRET=your_jwt_secret
PORT=5000
  1. Start the server:
npm start

๐Ÿณ Docker

Build the Docker image:

docker build -t gamingtools-backend .

Run the container:

docker run -d -p 5000:5000 --env-file .env gamingtools-backend

๐Ÿš€ Demo

Check out the live demo here โฌ‡๏ธ :

https://collect-your-gamingtools.netlify.app/

๐Ÿ› ๏ธ Installation

To get started, simply clone the repository and open it in your browser:

  1. Clone the repository:
    git clone https://github.com/swaraj-das/Collect-your-GamingTools.git
  2. Navigate to the project directory:
    cd Collect-your-GamingTools
  3. Open the index.html file in your browser:
    open index.html  # On macOS
    start index.html # On Windows
    xdg-open index.html # On Linux

๐Ÿค Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Hereโ€™s how you can contribute: We welcome all contributions to improve Collect Your GamingTools! If you'd like to contribute, please follow the Contributing.md to get details on how to get started.

๐ŸŽ‰ Proudly part of GSSoC-EXT'24 & Hacktoberfest 2024 ! ๐Ÿš€โœจ

๐Ÿ‘ฅ Team

Swaraj Das Anit Sarkar
Swaraj Das
Project Admin
Anit Sarkar
Maintainer
LinkedIn LinkedIn

๐Ÿ™Œ Contributors

GitHub contributors

Contributors

๐ŸŽ‰ Join us!

Whether youโ€™re contributing code, improving documentation, or suggesting new features, your involvement matters. We value contributions that help you learn and grow, not just for gaining points.

All the Best! ๐Ÿ’ซ Happy Coding! ๐Ÿณ