Sneakr

Overview

Sneakr is a web application that aggregates data from popular sneaker marketplaces such as StockX, Goat, and Flight Club. It displays the lowest prices for each sneaker, allowing users to compare and find the best deals in real-time. This project is inspired by the StockX platform and is built using the Sneaks-API.

Features

• Real-time Price Aggregation: Fetches and displays the lowest prices for sneakers from StockX, Goat, and Flight Club.
• Responsive Design: Optimized for both desktop and mobile viewing.
• User-Friendly Interface: Clean and intuitive design for easy navigation.
• News Section: Stay updated with the latest sneaker news and trends.
• Brand-Specific Pages: Dedicated pages for Jordan, Nike, and more, offering a focused browsing experience.

Screenshots

Homepage

Homepage: The landing page where users can browse through a list of popular sneakers. The page displays the latest prices from different marketplaces, allowing users to compare them at a glance.

News Page

News Page: Stay informed with the latest sneaker news, trends, and releases. This page aggregates news articles and updates from various sources to keep users in the loop with what's happening in the sneaker world.

Jordan Page

Jordan Page: A dedicated page for Jordan sneakers, featuring a curated selection of models with real-time price comparisons. Perfect for fans of the iconic brand.

Nike Page

Nike Page: Explore the latest Nike sneakers, with an easy-to-navigate layout that showcases the best deals on your favorite models. This page provides focused access to Nike's extensive collection.

Installation and Setup

Prerequisites

• Node.js
• npm

Clone the Repositories

Backend

git clone https://github.com/joaquinllenado/sneakr-server.git
cd sneakr-server
npm install

Frontend

git clone https://github.com/joaquinllenado/Sneakr.git
cd Sneakr
npm install

Run the Applications

Backend Server

Start the backend server first:

cd sneakr-server
npm start

The backend server will be running on http://localhost:8000.

Frontend Application

After starting the backend, run the frontend:

cd Sneakr
npm start

The frontend application will be available at http://localhost:3000.

Usage

• Navigate through the homepage to browse popular sneakers.
• Visit the News Page to stay updated on the latest sneaker-related news.
• Explore the Jordan and Nike pages for brand-specific sneaker collections.
• Click on a sneaker to view detailed information, including price comparisons across different platforms.

Contributing

Although this is originally a personal project, we welcome contributions to the Sneakr project! If you would like to contribute, please follow these guidelines:

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Submit a pull request with a clear description of your changes.

Contact

For any questions or inquiries, please reach out via joaquinllenado@gmail.com.