Simple page application where people can signup and login and create their tasks.
$ git clone https://github.com/LahsivK4070/MERN-Task-App.git
$ yarn # or npm i
- MongoDB
- Node
- npm
notice, you need client and server runs concurrently in different terminal session, in order to make them talk to each other
$ cd task-front-end // go to task-front-end folder
$ yarn # or npm i // npm install packages
$ npm start // run it locally
// deployment for client app
$ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level
$ npm run start // this will run the files in docs, this behavior is exactly the same how gh-pages will run your static site
run the script at the first level:
(You need to add a MONGO_URL and JWT_SECRET in .env to connect to MongoDB)
- create a .env file in task-back-end
- write your MONGO_URL = YOUR_MONGO_URL and TOKKEN_SECRET = YOUR_TOKKEN_SECRET
$ cd task-back-end // go to task-back-end folder
$ npm i // npm install packages
$ node index.js // run it locally
User visit the login page if they are not already logged in
If we have a new user then they can sign up by clicking on the signup button
User enter their credentils on login page and if they enter wrong credentials they see an error message
On entering correct credentials user see the home page
User can add new tasks by writing the task in given form and on clicking task gets added and is shown on YOUR TASKS Section
To edit a task click on edit button and make your changes
The taks gets update and to delete a task click on trash(delete) button
The task gets deleted and to log out a user click on logout button and you will see the login page