Skip to content

Rudolf060976/React-Online-Store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BitZone – React online store

A complete e-commerce Project, employing the lastest MERN Stack technologies.

Built With

  • Back-end: Node. Js, Express.js, Passport.js, MongoDB, Mongoose, GridFSBucket, Multer, JSON Web Tokens, Nodemailer, EJS, bcrypt, nconf, custom-env and a lot more…

  • Front-end: React.js, React-Router, Redux, React-Actions, Redux-Thunk, React-Bootstrap, Styled-Components, React-Fontawesome, Immutable, Reselect and other Libraries…

Getting Started

Please clone the Project to get a local copy on your machine.

Installing dependencies:

- SERVER:

Inside the project folder:

cd server
npm install

- CLIENT:

Inside the project folder:

cd client
npm install

API Configuration:

It's important to adjust the API setting options according to your business, so you have to edit the config.json file located in the /server folder.

Important: The setting "App_Base_Url" must be set to "http://localhost:4000" if you are running the client in development mode, but in production mode it must be set back to the app URL (wich can be "http://localhost:3000" if you build the client and open in the local browser, or the deploy URL where the App is located). That setting is used by the server to build the links atached on emails sent and other functionalities.

Example Data Loading:

You need some fictional data loaded in the Mongo Database so that you can run the App. This data includes some Items, Departments, Sub-Departments and Images Files. The project includes a script to automatically load this data.

Inside the server folder:

cd server
npm run data-loading

Running

SERVER:

cd server
npm start

CLIENT:

  • Running in development mode (webpack dev-server on port 4000)

Remember to set "App_Base_Url" in the config.json file on the server to the value "http://localhost:4000", before you run the client.

cd client
npm run client

The App will open automatically in a new web browser window.

Build (Client)

Remember to set "App_Base_Url" in the config.json file on the server to the value "http://localhost:3000" or the App URL, before you run the client.

cd client
npm start

Now you have to open a new browser window and type the App URL.

About

e-commerce App build with Node.js, MongoDB, Express.js and React.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •