Vue , Vitejs , TailwindCSS, JSON-server Hosted on Vercel and Backend on Glitch
-
Install and Setup
git clone 'https://github.com/singhkunal2050/vue-todo.git' npm install npm run backend npm run dev
-
Change Backend API URL to Local
https://dummy-json-server.glitch.me/todos
tohttp://localhost:5000/todos
in/.env
file
-
Client URL https://vue-todos-demo.vercel.app/
-
JSON Server https://dummy-json-server.glitch.me/todos Accepts : GET,POST,UPDATE,PUT,DELETE
-
Backend Code https://glitch.com/edit/#!/dummy-json-server
- User lands
- If new user then a new user id is created and set to localstorage eg:
user_f32f32r
- During Creating Todo have a user_id field associated with each todo
- Filter todos of the users todos with url parameters eg:
/todos/userid=user_f32f32r