https://github.com/aaabdulakader/sneakify
Sneakify: Your Ultimate Sneaker Shop
https://github.com/aaabdulakader/sneakify
backend css-modules ecommerce express frontend full-stack git javascript json jwt-authentication mern-stack mongodb nodejs react react-hooks responsive-design rest-api sneakers stripe web-app
Last synced: 2 months ago
JSON representation
Sneakify: Your Ultimate Sneaker Shop
- Host: GitHub
- URL: https://github.com/aaabdulakader/sneakify
- Owner: aaabdulakader
- Created: 2024-03-10T20:12:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-14T02:31:49.000Z (about 2 years ago)
- Last Synced: 2025-02-01T23:13:09.977Z (over 1 year ago)
- Topics: backend, css-modules, ecommerce, express, frontend, full-stack, git, javascript, json, jwt-authentication, mern-stack, mongodb, nodejs, react, react-hooks, responsive-design, rest-api, sneakers, stripe, web-app
- Language: JavaScript
- Homepage: https://sneakify-14bef41e043b.herokuapp.com/
- Size: 3.62 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sneakify
Sneakify is a modern e-commerce web application designed for sneaker enthusiasts. It offers a full-featured online store experience with features such as browsing products, adding items to a cart, managing user profiles, and handling secure checkouts.
## Table of Contents
- Project Overview
- Demo
- Features
- Technologies Used
- Deployment Tools
- Contributors

## Demo
[Live Demo] (https://sneakify-14bef41e043b.herokuapp.com)
## Features
- Product Browsing: Explore a wide range of sneakers with filtering options.
- Shopping Cart: Add, remove, and adjust quantities of products in the cart.
- User Authentication: Register, log in, and manage profiles securely.
- Order Management: Complete and review orders through a secure checkout process.
## Technologies Used
### Frontend
- React: Utilized for building the user interface with components and hooks.
- React Router: Manages navigation and routing within the application.
- CSS Modules: Applies scoped styling to components, ensuring modular and maintainable CSS.
- Axios: Facilitates communication between the frontend and backend APIs.
### Backend
- Node.js: Executes JavaScript on the server, providing the runtime environment.
- Express: Implements RESTful APIs and handles routing and middleware.
- MongoDB: Stores and manages product and user data.
- Mongoose: Simplifies interactions with MongoDB through schemas and models.
- JWT: Secures authentication and authorization using JSON Web Tokens.
### Payment
- Stripe: Manages secure payments and transactions.
## Development Tools
- Postman: Used for testing and documenting APIs.
- ESLint: Ensures code quality and adherence to coding standards.
- Prettier: Enforces consistent code formatting.
## Deployment Tools
### Hosting
- Heroku: Hosts both the frontend and backend of the application, managing deployments and scaling through a platform-as-a-service (PaaS) model.
Database Hosting
- MongoDB Atlas: Provides a cloud-based MongoDB instance for storing and managing product and user data.
## Contributors
Abdulkader Abdi - Project Maintainer