## Blogger 

[Blogger](https://beach-blogger.web.app/) is my first complete piece of software. It is a progressive web application that allows multiple users to post blogs and shows user activity through notifications. 

Blogger is built with [React](https://reactjs.org/) and bootstrapped with [Create React App](https://create-react-app.dev/). The user interface is designed using [Materialize CSS](https://materializecss.com/) classes. [Redux](https://redux.js.org/) along with Thunk middleware is used to manage the React state. 

![Home](https://api.rashil2000.me/images/projects/blogger/home.png)

For the backend, Blogger uses [Firebase](https://firebase.google.com/) - specifically the Firestore NoSQL database for storing blogs, notifications and users, serverless Functions for generating notifications, Authentication service for signup/signin, and cloud Hosting. 

![Blog](https://api.rashil2000.me/images/projects/blogger/blog.png)

Users can sign up, sign in, create blogs, and view all other users' blogs along with recent activity on the dashboard. The web app can be installed on any device like normal app (it uses a browser instance natively). 

Related blog: [My first (real) app](https://rashil2000.me/blogs/my-first-real-app/).

Blogger

## DYSTuss 

[DYSTuss](https://dystuss.rashil2000.me/) creates a space for people to freely and anonymously discuss their ideas and thoughts about movies, shows and series, along with giving them the ability to maintain user profiles to keep track of what they have seen, what they wish to see, and get recommendations, both from the community and the ML-trained models. It was created as a part of the Software Engineering Laboratory (CS29006), a second year undergraduate course offered in the spring semester at the [Indian Institute of Technology Kharagpur](http://iitkgp.ac.in/). 

![Home](https://api.rashil2000.me/images/projects/dystuss/home-page.png)

The inception of this idea kind of happened quite some time ago, mainly stemming for the need to have dedicated platform for having in-depth discussions about entertainment in general. A lot of my peers take active interest in watching Hollywood and Bollywood movies, TV shows, web series, and frequently discuss about them. It makes for a great pastime, and some of them even go as far as having in-depth discussions/arguments about various aspects of film-making such as directing styles, production decisions, acting finesse, editing expertise etc. 

![Profile](https://api.rashil2000.me/images/projects/dystuss/profile-page.png)

DYSTuss is built with [React](https://reactjs.org/) and bootstrapped with [Create React App](https://create-react-app.dev/). A principle focus of this project was implementing the [Fluent Design System](https://www.microsoft.com/design/fluent/#/), which was achieved with the help of [React-UWP](https://www.react-uwp.com/) UI library and [Fabric UI Assets](https://uifabricicons.azurewebsites.net/). The [backend](https://github.com/mukul-mehta/Minerva/), made by a friend of mine, is powered by Flask-RESTPlus API and a MySQL database indexed using Elasticsearch. 

![Create](https://api.rashil2000.me/images/projects/dystuss/create-page.png)

Users can signup, create posts, comment on posts, and search for movies or posts using the search page. They can maintain private seen lists and bucket lists and get recommendations based on those from the machine learning models. 

![Search](https://api.rashil2000.me/images/projects/dystuss/search-page.png)

The forum is a progressive web application, meaning it can be installed on devices. Users can also chose from a list of 8 different themes to suit their needs.

rashil2000

Stuff that's (seemingly) cool

Blogger

DYSTuss