Skip to content

kevinlongboy/Market

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

CraneBnB Logo

and mark it off your list




βœ… Store Directory

Overview
Features
Download
Upcoming
Tech Stack
Demo
Connect




βœ… Let's Go Shopping

Welcome to Market, your one-stop shop for everything you might need.

Inspired by Target, Market offers a variety of products for shoppers to browse, review, and purchase.


Running low on a detergent? check

Need a last-minute gift for that party? check

Looking for a nice bottle of wine to celebrate the weekend? check

And for everything else on your list:

Market & Mark It Squared.




βœ… Guest Services

Cart

Find a something you like?

The cart feature gives shoppers the ability to add products to their cart, remove any item, and proceed to checkout.

cart-feature gif


Orders

Made to order

The order feature gives shoppers the ability purchase the products in their cart. Users can also view any one or all orders they've made in the past.

checkout-feature gif


Reviews

This one has good reviews

The review feature gives shoppers the ability to read reviews for a product or write their own. Shoppers can also modify or delete any of their past reviews.*

review-feature gif

*Seed reviews are sourced directly from Target website


Favorites

I always get that

The Favorites feature allows shoppers to keep track of their favorite products by saving and/or removing products to a personal list.

favorites-feature gif




βœ… Self-Checkout

Ready to install the Market API? Follow the instructions below:

1. Navigate to GitHub:

Click here to be redirected to the Market page

Navigate to GitHub GIF

2. Download the API:

Click the "Code" button

Select "Download ZIP" from the dropdown menu

Save the file in your desired location

Download the API GIF

3. Open the repository:

Navigate to the location where you previously saved your zipped file

Unzip the file by double-clicking on the icon, or by right-clicking on the icon and selecting "Open"

This unzipped folder is the repository which contains both the backend and frontend components of the API

Open the repository GIF

4. Initialize the backend:

Open a new terminal

Navigate to the "backend" folder

Download dependencies by running the command: "npm install"

Initialize your database by running "npx dotenv sequelize db:migrate"

Start the backend server by running the command: "npm start"

Initialize the backend GIF

5. Initialize the frontend:

Open a new terminal

Navigate to the "frontend" folder

Download dependencies by running the command: "npm install"

Initialize the frontend GIF

6. Launch the app:

From the "frontend" folder, run the command: "npm start"

Allow React to open the app in your browser

Welcome to Market

Launch the app GIF


βœ… New Arrivals

Search

Find what you're looking for

Search feature will allow shoppers to quickly find products that are available on Market, by typing keywords and phrases in the search bar.



Registries

For that special occasion

Registries will allow shoppers to create a public list of items that they wish to recieve for a particular event. Other shoppers will be able view the contents of this list as well.




βœ… Promo Codes

Framework:

JavaScript Node.JS HTML CSS

Frontend:

React Redux

Backend:

SQLite Sequelize Express PostgreSQL


βœ… Free Sample

Need a little retail therapy? Click the icon below to be redirected to Heroku, the current hosting site for the fullstack API:

Market live site hosted via Heroku


βœ… Contact Us

Developer's GitHub Page Developer's LinkedIn Page