This Application is for the company Stardust Serpents to post and sell products with clients being able to purchase and ask questions about the available products.
Planning Story: My plan was to focus on getting products postable and then to have signed in users be able to post questions on them, Once completed I wanted to create some advanced functionality to allow users to make actual purchases on the site.
User Stories: As a unregistered user, I would like to sign up with email and password. As a registered user, I would like to sign in with email and password. As a signed in user, I would like to change password. As a signed in user, I would like to sign out.
As a unregistered user, I would like to see all products As a signed in user, I would to create questions. As a signed in user, I would to question on other users' products As a signed in user, I would to update my questions As a signed in user, I would to delete my questions
Technologies Used: Javascript, HTML/CSS React, React Bootstrap Axios
Unsolved Problems: user created products with images
Wireframe: Wireframe
ERD: ERD
API Repo: API
Client Repo: API
Heroku API: Deployed Heroku API
Deployed Client-Side Link: Deployed Client-Side
Screenshot: Screenshot
This template comes with a handful of front-end routes that display different components for user actions.
| Endpoint | Component | AuthenticatedRoute? |
|---|---|---|
/sign-up |
SignUp |
No |
/sign-in |
SignIn |
No |
/change-password |
ChangePassword |
Yes |
/sign-out |
SignOut |
Yes |
| ------------------ | ------------------- | ------- |
/products |
GET |
No |
/create-products |
POST |
Yes |
/products/:productId |
GET |
Yes |
/products/:productId |
DELETE |
Yes |
/product-update/:productId |
PATCH |
Yes |
| ------------------ | ------------------- | ------- |
/create-questions |
POST |
Yes |
/question/:questionId |
GET |
Yes |
/question-update/:questionId |
PATCH |
Yes |
/question/:questionId |
DELETE |
Yes |
Local Install instructions:
-
Clone and Fork Client Repo and Api Repo
-
Download the client Repo and api repo as zip file and unzip both into the same folder together.
-
Open Client side in terminal and run 'npm install'
-
Open local with 'npm start'
-
Open Api side in terminal and run 'npm install'
-
Open Server with 'npm run server'
-
If not opened on its own open browser to url http://localhost:7165/