RandomIdeas App

Fourth Project from Modern JS 2.0

This is a fullstack application for sharing random ideas. It is a project in my Modern JS From The Beginning course.

This app includes a Node.js/Express REST API that uses MongoDB for a database. The client-side is built with Webpack.

Usage

Install Dependencies

Install dependencies on the front-end and back-end

npm install
cd client
npm install

Back-end/Express Server

npm start

or

npm run dev (Nodemon)

Visit http://localhost:5000

Front-end/Webpack Dev Server

cd client
npm run dev

Visit http://localhost:3000

To build front-end production files

cd client
npm run build

The production build will be put into the public folder, which is the Express static folder.

Environment Variables

Rename .env-example to .env and add your MongoDB URI to the .env file.

MONGO_URI=your_mongodb_uri

REST Endpoints

Ideas

Endpoint	Description	Method	Body
/api/ideas	Get all ideas	GET	None
/api/ideas/:id	Get idea by id	GET	None
/api/ideas	Add idea	POST	{ text, tag, username }
/api/ideas/:id	Update idea	PUT	{ text, tag, username }
/api/ideas/:id	Delete idea	DELETE	username

When updating or deleting, the username must match the username of the idea creator.