Skip to content

Private project. Using React and bootstrap client side and node, express, and mongodb server side. Added a ScreenShots folder where screen shots of the progress will be uploaded periodically when I have the time.

Notifications You must be signed in to change notification settings

pub-projects/pub-Webshop2

Repository files navigation

Web Shop 2

Overview

The goal with the project is to create a fictive simple webshop. I'm using JavaScript in both ends and a MongoDB database. I'm planning other similar projects that will probably use the same frontend but different backend support like .NET/C# SQLServer and PHP MySQL/MariaDB.

Front-End

Front end is built in React initialized by npx create-react-app. It's also using a Bootstrap version for react React Bootstrap

Back-End

Back end is also written in JavaScript and utilizes Node.js and express.js. It also uses a local MongoDB database preloaded with the data found in the JSON array file initialDataProducts-mongodb.json located in the data-store folder. Another initialization file for the user database will be added later when I get to login, user area, and site administration area.

The Plan

  • Login and Creating Accounts
    • Using username/email
    • Sign up page
    • Using Google (*)
    • Using Facebook (*)
    • Using LinkedIn (*)
  • User area where we can:
    • View orders
    • Modify user's profile
  • Admin area where we can update the database with:
    • Add new products
    • Update products
    • Delete products
    • Update user
    • Add new user
    • Delete Users
    • Assign user roles
  • Site functionalities:
    • Logged in users can submit rating for products
    • A cart that can be used by both registered and non-registered users
    • Search function that searches the titles for given keyword(s)
    • A details page that displays all available information about an item
    • A star rating system that also displays the percentage of votes that each star rating has received
    • Hide and expand longer texts on the details page
    • Display price in different forms

Then we will also have the normal navigation bar that will change apperance depending on the user's role assignment and a simple footer.

(*) will get added later.

- Chris Johannesson 2022

About

Private project. Using React and bootstrap client side and node, express, and mongodb server side. Added a ScreenShots folder where screen shots of the progress will be uploaded periodically when I have the time.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages