Dev Shop
๐Ÿ›๏ธ

Online store to buy things related to web development.

In case the demo app doesn't work...

Watch this video. The app may fail because the resources used for this app are limited in its free version.

Main features of this app. ๐Ÿง

  • ๐ŸŸฃ (CLIENT) - Login.
  • ๐ŸŸฃ (CLIENT) - Create an account.
  • ๐ŸŸฃ (CLIENT) - Log out.
  • ๐ŸŸฃ (CLIENT) - GitHub authentication.
  • ๐ŸŸฃ (CLIENT) - Private and public paths.
  • ๐ŸŸฃ (CLIENT) - View products.
  • ๐ŸŸฃ (CLIENT) - Filter products by genre.
  • ๐ŸŸฃ (CLIENT) - Sidebar .
  • ๐ŸŸฃ (CLIENT) - Add products to the shopping cart.
  • ๐ŸŸฃ (CLIENT) - Remove products from shopping cart.
  • ๐ŸŸฃ (CLIENT) - Confirm order.
  • ๐ŸŸฃ (CLIENT) - Pay the order with PayPal payment method.
  • ๐ŸŸฃ (CLIENT) - View order history.
  • ๐ŸŸฃ Responsive design.
  • ๐ŸŸฃ (ADMIN) - Administrative Dashboard.
  • ๐ŸŸฃ (ADMIN) - Edit user roles.
  • ๐ŸŸฃ (ADMIN) - Create products.
  • ๐ŸŸฃ (ADMIN) - Edit products.
  • ๐ŸŸฃ (ADMIN) - View history of all orders for all users.

Technologies used. ๐Ÿงช

FullStack

  • ๐ŸŸข Next JS.
  • ๐ŸŸข TypeScript.
  • ๐ŸŸข DaisyUI (Component library).
  • ๐ŸŸข Zustand (State management).
  • ๐ŸŸข Cloudinary (Manage images).
  • ๐ŸŸข Next Auth (Manage Authentication).
  • ๐ŸŸข PayPal (Method of payment).
  • ๐ŸŸข Heroku (To deploy the app).
  • ๐ŸŸข Mongoose (ORM for mongo db).