{"componentChunkName":"component---src-templates-blog-js","path":"/blog/reactjs","result":{"data":{"contentfulBlogPost":{"title":"ReactJS Event Booking","publishedDate":"2020-07-02T00:00+05:30","author":"Nilanjan Deb","body":{"json":{"nodeType":"document","data":{},"content":[{"nodeType":"heading-1","content":[{"nodeType":"text","value":"Event Booking App","marks":[{"type":"italic"}],"data":{}}],"data":{}},{"nodeType":"hr","content":[],"data":{}},{"nodeType":"heading-3","content":[{"nodeType":"text","value":"Modules used for this Project","marks":[{"type":"bold"}],"data":{}}],"data":{}},{"nodeType":"unordered-list","content":[{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"NodeJS","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used for building Backend part of this Website.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"MongoDB","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" used for Database to store data.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"ExpressJS","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used as Backend Framework.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"GarphQL","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used for fetching API calls.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"React JS","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used as frontend Framework for building SPA.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"Bootswatch Minty Theme","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used as CSS Framework and the website is Responsive for all Devices.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"ChartJS","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used for Charting the responses and Data.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"JWT","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used for Authentication purpose.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"Token will be stored in ","marks":[],"data":{}},{"nodeType":"text","value":"Local Storage","marks":[{"type":"code"}],"data":{}},{"nodeType":"text","value":" of Client Browser.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"Encrypt passwords with ","marks":[],"data":{}},{"nodeType":"text","value":"bcrypt","marks":[{"type":"code"}],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"ChartJS","marks":[{"type":"code"},{"type":"italic"}],"data":{}},{"nodeType":"text","value":" is used for charting the Data got from Bookings.","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"list-item","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"Easily Understandable to all users.","marks":[],"data":{}}],"data":{}}],"data":{}}],"data":{}},{"nodeType":"hr","content":[],"data":{}},{"nodeType":"heading-3","content":[{"nodeType":"text","value":"Website Preview","marks":[{"type":"bold"}],"data":{}}],"data":{}},{"nodeType":"embedded-asset-block","content":[],"data":{"target":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"y5mf99467a5r","contentful_id":"y5mf99467a5r"}},"id":"c2Wv2ThEYzYDRUgWCdLLtEP","type":"Asset","createdAt":"2020-06-30T08:42:40.042Z","updatedAt":"2020-06-30T08:42:40.042Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment","contentful_id":"master"}},"revision":1,"contentful_id":"2Wv2ThEYzYDRUgWCdLLtEP"},"fields":{"title":{"en-US":"Graphql"},"description":{"en-US":"This is demo"},"file":{"en-US":{"url":"//images.ctfassets.net/y5mf99467a5r/2Wv2ThEYzYDRUgWCdLLtEP/b07feb15923d084ea245428b750eebb1/collage.png","details":{"size":139563,"image":{"width":1200,"height":900}},"fileName":"collage.png","contentType":"image/png"}}}}}},{"nodeType":"paragraph","content":[{"nodeType":"text","value":"","marks":[],"data":{}}],"data":{}},{"nodeType":"hr","content":[],"data":{}},{"nodeType":"blockquote","content":[{"nodeType":"paragraph","content":[{"nodeType":"text","value":"Source Code on ","marks":[],"data":{}},{"nodeType":"hyperlink","content":[{"nodeType":"text","value":"Github","marks":[],"data":{}}],"data":{"uri":"https://github.com/nil1729/event-booking-graphql"}},{"nodeType":"text","value":"","marks":[],"data":{}}],"data":{}}],"data":{}},{"nodeType":"paragraph","content":[{"nodeType":"text","value":"","marks":[],"data":{}}],"data":{}}]}}}},"pageContext":{"slug":"reactjs"}}}