This is an Isomorphic JavaScript app running in React.js with an elastic search api, everything is written in es6 and all logic is shared between the server and client.
Architecture of IMReallythere
This project was for a U.S. based Entertainment company which wanted to created a website for the emerging/street Artists.
Initially this project was decided to be built completely on the Wordpress. But later on it was discarded and 3 tier architecture of Wordpress -> ElasticSearch -> Reactjs was used.
Challenges
As this was my first project where there different technologies were involved.
1. Wordpess as a backend.
2. ElasticSearch as a medium to transfer data from Wordpress to Reactjs
3. Reactjs as a frontend.
This was the first time i was working with React js so instead of learning first and implementing later. I learned Reactjs while implementing it.
Implementation
Backend:- Export Data from the Wordpress and map it in the ElasticSearch
Frontend:- Create the frontend in the Reactjs. Custom Media player for Youtube, Vimeo, SoundCloud, HTML5 Audio, Video using ReactPlayer.
Support:- As this was our first React Project. A Frontend Engineer from UK, SimonStaton(JS Expert) helped us setup the project and guided us in development.
My Role
Backend:- Created functions to export data from wordpress and map it in ElasticSearch
Setup ElasticSearch on AWS with Nginx.
Frontend:-
Created Custom Media player for Youtube, Vimeo, SoundCloud, HTML5 Audio, Video using ReactPlayer.
2. Implemented the design in ReactJs.
3. Fetched the data from ElasticSearch on frontend.
4. created Custom comment module.