About Me

I am Megha Desai and this is my portfolio as a front-end developer. I am passionate about building creative and responsive websites using advanced technologies. Here is one of my recent development projects. I believe in the notion "If it doesn't challenge you, it doesn't change you"

Todo Application

A Todo Application designed using AngularJS as a Front-end, NodeJS as a server-side backend and Parse framework as a database

Setup

1. git clone https://github.com/MeghaY/ToDo-Application.git

2. cloning the project in ToDo-Application folder

3. cd ToDo-Application

4. npm install

5. its not ideal but use sudo npm install if the permissions in your directory structure require it

6. bower install

7. this command will load all the angular related dependencies needed in the project in app/bower_components folder

8. Create development.json file inside config folder(you can use sample.json file in config/sample.json as an example)

9. Fill out your Parse app's Application Key, Javascript Key and Rest Api Key

10. Parse Api endpoint is already added in config/sample.json file, you can use that for making REST calls (GET, POST,DELETE,etc)

To run the application

1. grunt server

2. Once all the above steps are completed, use this command in the terminal to run the server

3. You will see a bunch of automatic tasks run by grunt and then browser will load the app url with message saying "Todo app listening on port http://localhost:8080"

4. Start adding todo tasks and you will see a table populated with values.

Functionality

1. Creating a new todo item and saving it in Parse using Rest API calls
2. Deleting a particular todo from the list
3. Updating a todo item (using Angular-xeditable component for better UI)
4. Marking the todo item as done/undone using the checkbox
5. User signup/login functionality added with form validations
6. User can signup or login using their credentials and can see their todos
7. Introduced grunt tasks to automate the process

Coming next..

1. logout functionality
2. tabs view for showing active, done and all todo items
3. search functionality for searching todos
4. pagination functionality for todos