Photos

Anahita Project

Anahita Project's Photos

Content Filters for Hashtags, Mentions, and URLs

Today we added content filters for hashtags, mentions, and URLs. Quite likely we won't be using plyr.io for the anahita-react app, because it is processing heavy and throwing way too many errors. W... Read More
Today we added content filters for hashtags, mentions, and URLs. Quite likely we won't be using plyr.io for the anahita-react app, because it is processing heavy and throwing way too many errors. We are going to try the react-player library instead which has support for youtube, vimeo, soundcloud, and facebook videos. It seems to be less processing intensive too. We'll see about that. #Anahita #Hackathon #ContentFilters #ReactJS #MaterialUI Read Less

Anahita Locations Read View

Locations Read View. This was quite simple and there was already a React component for rendering the map. #ReactJS #MaterialUI

An example of Hashtag view in Anahita React app

This is the first iteration of Hashtag Read view with the list of taggables. We also made improvements to the API and how the taggables JSON being constructed. The new changes will be in the next r... Read More
This is the first iteration of Hashtag Read view with the list of taggables. We also made improvements to the API and how the taggables JSON being constructed. The new changes will be in the next release of Anahita. #Anahita #Hackathon #Tags #Taggables #ReactJS #ReduxJS Read Less
Allowing comments on a stream came as a design pattern challenge at first, but the 5th idea worked well which was constructing a two level comment state tree where comments are grouped by parent id... Read More
Allowing comments on a stream came as a design pattern challenge at first, but the 5th idea worked well which was constructing a two level comment state tree where comments are grouped by parent ids. Now this approach is working too well which means whenever a comment is added all the stories on the stream with the same set of comments get updated. That means we need to make changes to the query that fetches and reorders the list of stories. #Anahita #Comments #DesignPatterns #ReactJS #ReduxJS #MaterialUI Read Less
Spruced up story cards with array of objects or subjects #Anahita #Hackathon
Like/Unlike actions are working. Furthermore, revised a design pattern of handling actions in browse views. The Follow action implementation is also another example. #Anahita #Hackathon #ReactJS #R... Read More
Like/Unlike actions are working. Furthermore, revised a design pattern of handling actions in browse views. The Follow action implementation is also another example. #Anahita #Hackathon #ReactJS #ReduxJS #MaterialUI Read Less
Implementing Actor's settings. For now it is only the actors info until all the people's basic operations are done. The idea is to come up with all the design patterns that we need for data and act... Read More
Implementing Actor's settings. For now it is only the actors info until all the people's basic operations are done. The idea is to come up with all the design patterns that we need for data and actions. Building user interfaces in #MaterialUi is quite fun. Read Less
Rastin Mehr

Rastin Mehr

Masonry layout in React

Got to be thankful to #ReactJS components that that save us time. React Stack Grid https://github.com/tsuyoshiwada/react-stack-grid took care of the #masonry layout. Now all we have to do is to loa... Read More
Got to be thankful to #ReactJS components that that save us time. React Stack Grid https://github.com/tsuyoshiwada/react-stack-grid took care of the #masonry layout. Now all we have to do is to load data and append to the list to have infinite scroll working. Read Less
Added react-player which supports platforms such as youtube, vimeo, soundcloud, twitch, and dailymotion. #Anahita #Hackathon #Players #ReactJS #MaterialUI #ReactPlayer
Anahita Locations - Browse View, now with addresses #ReactJS #MaterialUI

Anahita Locations Browse

Locations Browse view. This was surprisingly easy using the new HOC approach. #ReactJS #MaterialUI

Comments in a stream

Implementing comments was a bit challenging and yet quite fun. This is the first iteration of comments with inline editing and actions. #Anahita #ReactJS #ReduxJS #MaterialUI #Comments
Spruced up media cards and added actions #Anahita #Hackathon #ReactJS #MaterialUI
Added Notification subscribe/unsubscribe and Medium Delete actions. The design pattern for actions workflow is coming together. #Anahita #Hackathon
Rastin Mehr

Rastin Mehr

This weekend we performed more work on #Anahita stories in our #ReactJS app. Implemented localization, container to construct story messages. Also performed some refactoring and UI adjustments. Mos... Read More
This weekend we performed more work on #Anahita stories in our #ReactJS app. Implemented localization, container to construct story messages. Also performed some refactoring and UI adjustments. Most of Anahita React development work isn't about building features, but finding new software design patterns for a complex graph architecture system. This will be our ongoing obsession. #Anahita #Hackathon Read Less
Rastin Mehr

Rastin Mehr

InfiniteScroll is working as well as PersonPage container and components at the basic level. #ReactJS #MaterialUI
Umesh liked this
Rastin Mehr

Rastin Mehr

This is not the final look. We can only login/logout, browse people, and follow/unfollow them at this point. As we build more of the basic containers and components the pace accelerates. This is so... Read More
This is not the final look. We can only login/logout, browse people, and follow/unfollow them at this point. As we build more of the basic containers and components the pace accelerates. This is so much fun! #ReactJS #MaterialUI Read Less

Powered by Anahita