Skip to content

Latest commit

 

History

History
107 lines (87 loc) · 4.41 KB

README.md

File metadata and controls

107 lines (87 loc) · 4.41 KB
Raw

Imperial Supplies: An Online Shop For The Black Series Action Figures From Hasbro

Final Project as a WebDev student at DCI Digital Career Institute gGmbH

This is a final project for the course Web Development. It covers the complete MERN Stack: MongoDB, Express, React, Node.js.

You can find the deployed version here: https://imperialsupplies.herokuapp.com/

Used Software / Tools

  • Microsoft Visual Studio Code
  • Brackets
  • Git / GitHub
  • MongoDB / MongoDB Atlas
  • Express
  • React
  • Node.js
  • Postman
  • Slack
  • Zoom
  • Heroku

NPM Dependencies used in the Frontend

  • axios (0.24.0)
  • react (17.0.2)
  • react-bootstrap (2.1.0)
  • react-dom (17.0.2)
  • react-helmet (6.1.0)
  • react-paypal-button-v2 (2.6.3)
  • react-redux (7.2.6)
  • react-router-bootstrap (0.26.0)
  • react-router-dom (6.2.1)
  • react-scripts (5.0.0)
  • react-spring (9.4.2)
  • redux (4.1.2)
  • redux-devtools-extension (2.13.9)
  • redux-thunk (2.4.1)

NPM Dependencies uses in the backend

  • bcryptjs (2.4.3)
  • colors (1.4.0)
  • dotenv (10.0.0)
  • express (4.17.2)
  • express-async-handler (1.2.0)
  • jsonwebtoken (8.5.1)
  • mongoose (6.1.4)
  • morgan (1.10.0)
  • multer (1.4.4)
  • path (0.12.7)
  • react-spring (9.4.2)

Sounds and Images taken from folling sources

All copyrighted material is the property of its respective owners. I do not claim it in any way. All copyrighted material is used in the context of this final project in accordance with the Fair Use Policy.

To-Do

Simultaneously with this project, for which I had only a few days / weeks (maximum 6 weeks), the list of features that can be implemented in future versions grew.

  • Change image hosting to Cloudinary or similar
  • Fix missing fonts / images in Safari
  • Implement CORS
  • Clean up / comment code
  • Refactor CSS (maybe Sass)
  • Validate Mailadress
  • (Mail) Notifications about status changes
  • Refactor id’s to nanoId
  • Better / more secure input validation
  • Add Terms / Privacy Policy / Imprint page
  • Improve slider
  • Switch from local storage to cookies
  • Add cookie policy
  • Add additional payment methods
  • Fix Tax calculation (19% MwSt)
  • Language switch
  • Disable / Enable all sounds at once
  • Expand shipment functionality (maybe track order)
  • Add wishlist
  • Add preorders
  • Add shipping costs
  • Link count in stock to orders
  • Additional Product Categories
  • Handle returns / Customer support
  • Make the Droid on the bottom interactive (maybe chat with customer support)
  • Disable Droid on mobile
  • Sort items by title, price, … and ascending / descending

Final Words

Since this is the last project I will do at the DCI, I would like to thank my teachers, especially Jamie, Ghassan and Leon, my classmates, all the smart people who share their knowledge on Youtube or Udemy (Maximilian Schwarzmüller, DevEd, Brad Traversy, Jannis Seemann, Ryan Dhungel), at Stack Overflow and all the other valuable resources for aspiring developers. And last but not least the DCI itself for giving people the opportunity to start a whole new career path even when they are almost 40.

THANK YOU 🙌

My one year of full-time remote study in the MERN stack is over now, but my journey as a developer has just begun. 🚀

Roman Jasiek, January 2022