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/