An open API service indexing awesome lists of open source software.

https://github.com/harshitakatara34/clone-of-basspro

Tackle&Trail: Your one-stop shop for top-notch fishing, hunting, boating, and outdoor gear. Explore our wide selection for unforgettable adventures.
https://github.com/harshitakatara34/clone-of-basspro

chakraui html json-server reactjs redux

Last synced: 3 months ago
JSON representation

Tackle&Trail: Your one-stop shop for top-notch fishing, hunting, boating, and outdoor gear. Explore our wide selection for unforgettable adventures.

Awesome Lists containing this project

README

          

Construct Week Project of RCT211 - Clone of Basspro.com


:computer:Clone Project Name - ![App Screenshot](https://assetshare.basspro.com/content/dam/bps-general-assets/web/site-elements/images/Redesign/Header/bass-pro-logo-2x.png)
---
Bass Pro Shops is the largest trusted source for quality fishing, hunting, boating and outdoor sporting goods. It is owned by Johnny Morris, which is a subsidiary of BPS Direct, L.L.C, one of the largest organizations in the U.S.A. They offer a wide range of fishing, hunting and boating gear. They also offer a curated selection of international collections. This was a Collaborative Project from Masai School in Construct Week with a span of 5 days.
---
:computer:Unique Project Name & logo :- Tackle and Trail
![image](https://user-images.githubusercontent.com/61020616/229343129-241c638c-20f1-4f67-97ec-c564945253d1.png)
---
:star:Deployed Link:-https://tackle-and-trail.netlify.app/
---
## Technologies Used
Tackle and Trail Shop has been built using the following technologies:
- React: React is a declarative, efficient, and flexible JavaScript library for
building user interfaces or UI components.
- Redux: A predictable state container for JavaScript apps.
- React Router: A popular routing library for React.
- Chakra-UI: A popular UI component library for React.
- Render.com: A popular backend-as-a-service platform that provides authentication, database, and hosting services.
- Netlify: A popular platform for client side (front-end) deployment.
- Auth0: Auth0 is a flexible, drop-in solution to add authentication and authorization services to your applications.
- Stripe Payment Gateway : Stripe is a card processing provider that processes your customers' payments.
## Credits
This project was created by Team Tackle and Trail. The Team Members are


1.Ajay - _(Admin Panel, Authentication Logic, Signin/Signup page, Payment)_


2.Arnab Adhikary - _(landing page, navbar, footer)_


3.Harshita katara - _(all products page, sidebar, searching, sorting & filtering)_


4.Pranav Barsagade - _(single product, cart page, checkout page)_
5.Rishabh Dev - _(Admin Panel, documentation)_
## Installation
To install and run this project on your local machine, follow these steps:
Clone the repository using git clone https://github.com/Ajay84sia/auspicious-sea-8816
Navigate to the project directory using cd react-project
Install the dependencies using npm install
Start the development server using npm start
This will start the development server at http://localhost:3000.
---
## Screenshots :camera:
---
# HomePage
![image](https://user-images.githubusercontent.com/61020616/229343167-9a3044fa-3198-4834-8337-65d87b69b948.png)
![image](https://user-images.githubusercontent.com/61020616/229343207-be5468a7-37bc-4b46-ba84-af1bb3761937.png)
![image](https://user-images.githubusercontent.com/61020616/229343308-1e47dc7d-13cd-4dd3-beef-778fe21e5f64.png)
# Signup | Login
![image](https://user-images.githubusercontent.com/61020616/229343346-15fc4bba-ba58-4d90-9eed-2810759c18f9.png)
![image](https://user-images.githubusercontent.com/61020616/229343366-e453d394-0238-468b-a920-2d7435f2c517.png)
# Products Page
# Boating Products
![image](https://user-images.githubusercontent.com/61020616/229343434-245d14db-b18a-40fe-9e15-782f2b2653a3.png)
# Shooting Products
![image](https://user-images.githubusercontent.com/61020616/229343474-7c8f1b07-df0d-41b3-82bc-ea14fc0fa480.png)
# Hunting Products
![image](https://user-images.githubusercontent.com/61020616/229343712-0757681e-2d77-4712-83a8-b2c4b54006cf.png)
# Camping Products
![image](https://user-images.githubusercontent.com/61020616/229343747-6dd4aee4-bd0a-4aef-aed6-97c2100d2701.png)
# Outdoor Rec Products
![image](https://user-images.githubusercontent.com/61020616/229343816-b59d0f87-b70c-4679-b900-068254c79ed1.png)
# Single Product Page
![image](https://user-images.githubusercontent.com/61020616/229343847-16baeef0-2249-4380-b307-d812311dc83d.png)
![image](https://user-images.githubusercontent.com/61020616/229343905-e92a4cd7-4842-413d-a4bd-860a2c5c7399.png)
# Cart Page
# Empty Cart
![image](https://user-images.githubusercontent.com/61020616/229343990-0a11b38c-e29a-462f-84d7-ecc7a76bccc7.png)
# Cart with Products
![image](https://user-images.githubusercontent.com/61020616/229344039-122b44b9-b335-478e-8b2a-80ea429d5610.png)
# Payment Page
![image](https://user-images.githubusercontent.com/61020616/229344332-7ff49600-5291-45e8-a47d-5fd01dd5c189.png)
![image](https://user-images.githubusercontent.com/98752820/229356061-ef2f90f5-83c0-4aa2-b569-3f4d45ab9c65.png)

# Order Placed Page
![image (1)](https://user-images.githubusercontent.com/98752820/229356343-aa4b7f55-6958-4aa6-932f-d1aa97b9e479.png)

# Admin Login Page
![image](https://user-images.githubusercontent.com/61020616/229344353-565c3918-87ec-4b8b-8305-5e0e8b7d0d4e.png)
# Admin Dashoard
# Summary
![image](https://user-images.githubusercontent.com/61020616/229344467-52ecc16a-d0f6-48d5-afe3-84247c721be7.png)
# View All Products
![image](https://user-images.githubusercontent.com/61020616/229344502-0dd75c71-bb33-4491-9f66-5ad21b03b0c9.png)
# Add Products Section
![image](https://user-images.githubusercontent.com/61020616/229344511-5c02c346-59f2-4fd1-9c02-fc34308c90f5.png)
# Edit Products Section
![image](https://user-images.githubusercontent.com/61020616/229344526-9484a5d0-4014-4c68-831e-d4a3e71f80cd.png)
# Remove Products Section
![image](https://user-images.githubusercontent.com/61020616/229344617-6c120a88-82a0-4799-8870-5ccf2d58352d.png)
----
# All Orders Section
![image](https://user-images.githubusercontent.com/98752820/229356204-a8511fad-e5c6-4579-bbd5-508fcedab846.png)

### Contributing:

If you would like to contribute to this project, you can follow these steps:

Fork the repository
Create a new branch for your feature or bug fix using git checkout -b your-feature-branch
Make your changes and commit them using git commit -am 'Add some feature'
Push your changes to your fork using git push origin your-feature-branch
Create a pull request to the main repository

:sparkles:Thank You:sparkles: