Welcome to SneakerShop! This project showcases my skills and experiences as a web developer.
Weblink: Live Website
SneakerShop is an e-commerce website designed to provide sneaker enthusiasts with a streamlined and user-friendly platform for browsing and purchasing the latest footwear releases. Built using a combination of frontend and backend web technologies, SneakerShop offers a responsive and engaging user interface that allows users to easily sift through various brands, styles, sizes, and price points to find the exact sneakers they desire. Whether you're a seasoned sneakerhead or just looking for a new pair to add to your collection, SneakerShop has you covered.
- Provides a responsive and engaging user interface for browsing sneakers and making purchases.
- Comes equipped with an authentication system for user account creation and login.
- Allows users to view and filter products based on various attributes including color, brand, price, and availability.
- Includes a shopping cart system for adding and removing products before finalizing purchases.
- Features a secure payment gateway for processing transactions.
- Allows for easy addition of new products to the storefront through a simple interface.
- Provides an intuitive administrative dashboard for tracking sales, monitoring inventory, and managing user data.
- Integrates with popular social media platforms such as Facebook and Twitter to expand the user base.
- Offers customer support and feedback forms to facilitate user engagement and enhance the user experience.
- React.js: A JavaScript library for building user interfaces.
- HTML5 & CSS3: Markup and styling languages for building web pages.
- JavaScript: A programming language for adding interactivity to web applications.
- Style-Components: A CSS framework for creating responsive and mobile-first designs.
- Git: A version control system for tracking changes and collaborating on projects.
- GitHub Pages: A platform for hosting and deploying web applications.
- Tailwindcss: A responsive design framework used to ensure that the website looks and works well across all screen sizes and device types.
- Node.js: A popular server-side JavaScript runtime used to build the backend server that powers the application.
- Express.js: A widely-used Node.js framework used to write server-side code such as routing and HTTP request/response handling.
- MongoDB: A NoSQL database used to store product and user data, as well as manage inventory and sales records.
- Mongoose: A JavaScript framework used to simplify interaction with MongoDB and streamline database schema definition.
- Stripe API: A payment gateway API used to process secure transactions and ensure that user payment data is protected.
- Passport.js: A Node.js library used to provide authentication functionality for user accounts, allowing users to securely log in and access personalized data.
To run this portfolio locally, follow these steps:
- Clone the repository:
git clone https://github.com/Sikhauli/SneakerShop.git - Navigate to the project directory:
cd SneakerShop - Install the dependencies:
npm install - Start the development server:
npm run dev - Open your browser and visit:
http://localhost:5173 - install server dependency:
npm install - start the server:
npm start - server will start on port 5000 localy
Contributions are welcome! If you'd like to contribute to My Portfolio, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b my-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-feature - Open a pull request.
This project is licensed under the SIKHAULI VHUTHUHAWE.