Application using the MERN stack. This repo contains both the front and back-end for the project and connects to a MongoDB server. Front-end is a client written in Typescript and React. Back-end is an express node server that maintains an HTTP (Rest API) and Socket.IO endpoint.
In order to run the server create the file secrets.js in server/config. It should look like this:
export default {
mongoPassword: 'YOUR_MONGO_PASSWORD'
};
We use a news api to shows users popular articles and the google maps api to show maps.
To use these apis create the file secrets.ts in src/config. It should look like this:
export default {
newsApiKey: 'YOUR_NEWS_API_KEY',
googleApiKey: 'YOUR_GOOGLE_API_KEY',
};
REMINDER: Do not push your mongo password or other sensitive data to the repo.
In the project directory, you can run:
Runs both the client and server concurrently
Open http://localhost:3000 to view the client in the browser.
The server listens on port 8080.
The socket listens on port 80.
The page will reload if you make edits in the client.
You will also see any lint errors in the console.
npm start:dev - Server will also reload on edits.
Run only the client.
Run only the server.
npm run server:dev - Server reloads on edits.
npm run server:debug - Server listens for a debugging client. Open chrome://inspect to view the debug in the server.
npm run server:debug-brk - Server listens for a debugging client but doesn't run user code starts until inspect. Open chrome://inspect to debug the server.
This project was bootstrapped using Create React App so it also includes the react-scripts.