ApolloDAE - E-commerce website using React and GraphQL
?ApolloDAE?️
Overview
ApolloDAE, your new favorite E-commerce website to shop at! Get the latest update on trending fashion, games and many more. Easy to navigate and polished UI experience, you can now up your shopping game! For Admins, you can now rest with ease knowing ApolloDAE is fully functional and user friendly with the help of todays hot technologies from behind the scenes.
Technology
- GraphQL
- MongoDB
- Apollo Client
- JWT
- React
- TailWindCss
- Javascript
- NodeJS
UserStory
I want the E-commerce platform to be reliable and easily accessible
So that new users/existing users can shop with a smooth experience.
Acceptance Criteria
- Given an E-commerce website
- When I access the website for the first time
- THEN I AM able to see a category, search bar, contact, and a signup/login as well as featured products on the homepage
- WHEN I click on the category section a list of products should appear
- THEN I can see what the website has to offer
- WHEN I click on the search bar
- THEN I am able to enter what items I am searching for, a results of item should appear and if it is not available then I should see a message saying product does not exist
- WHEN I click on the signup/login
- THEN I AM prompted with a modal that allows me to enter required credentials, once I create an account or login I am then able to have user perks where I am able to buy and view my profile
- WHEN I click on contact
- THEN I AM presented with how to contact the website owner about any issues I am having.
- When I click on a product I want
- THEN I AM able to view only that product with the information and the option to add it to my cart
- WHEN I click on my cart
- THEN I AM directed to my cart page with the option to checkout
- WHEN I CLICK on checkout
- THEN I AM directed to the payment/shipping info
- WHEN I enter my info for payment and shipping
- THEN I AM able to click checkout and have the product give me an estimated shipping date
- AS AN ADMIN
- WHEN I login
- THEN I have the option to add new items, update stock, and remove item from the website
Desktop
Mobile
Wireframe
Wireframe is subject to change.
Roadmap
ApolloDAE is a startup E-commerce website. Future updates will be added unless stated otherwise. ApolloDAE updates will soon include the following:
-
Profile (users can access their account remove/add payment and add a profile image)
-
Add a subscription where users who want to sell can start selling rather than just being able to buy.
-
Shipping and given estimated dates.
-
And many more to come.. Stay Tuned!
Installations
N/A
Usage
To access ApolloDAE simply scroll down, there it will display a link url to the website or you can type in “…” in your url and it will direct you to the home page! User’s will need to create an account before being able to checkout. After an account has been created, users can freely navigate shop as much as they want. Admin users can edit, create and delete products.
Deployed Link: click here To visit my ApolloDAE.
Questions
Feel free to contact us if you have any questions or concerns!
Acknowledgements
Abed Hasan
Diana Vu
Esra Al-Abduljabar
MIT License
MIT License
Copyright (c) 2022 Abed H, Diana V, and Esra A
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.