Skip to content

tuananhcn/randomideas-app

 
 

Repository files navigation

RandomIdeas App

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.

About

Full stack idea app from Modern JS course

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.3%
  • CSS 28.7%
  • HTML 10.0%