Code Monkey home page Code Monkey logo

story-books's Introduction

Inspiration ๐Ÿคทโ€โ™‚๏ธ

Since childhood, We have loved reading or listening to others' stories, isn't it? Hence this experience gave us the motivation to build a platform where people can share their stories and interact with each others' stories by liking them. But some people love to listen instead of reading, so from here we got the inspiration of building a speech-recognition-based application. And suppose we're listening to some stories and we want to share them with our friends, or we want to save them to read later! From here we got the inspiration for our other feature of sending a particular story to our WhatsApp.

What it does ๐Ÿคทโ€โ™‚๏ธ

In simple words, it's a story-telling platform where people not only can read or write the stories but they can also listen to them, save it, like them. And stories with the most likes will be visible at the top of the dashboard.

How we built it ๐Ÿค”

We built it using MERN-stack(MongoDB Express React Node) as the base technology and integrated it with some coolest technologies like SAWO-labs, Twilio, etc. The client-side of the application(frontend) is built with ReactJS and the backend consists of a NodeJS server and MongoDB as the database. To make this application scalable we've used DevOps practices. And thus everything is containerized with Docker.

Challenges we ran into ๐Ÿ˜Œ

While developing this project we've faced many difficulties like: 1 -> While containerizing the application we've to solve a lot of issues in our services because we've made 3containers(frontend, server, database) that must talk with each other. 2 -> While making the authentication system for our login page we've suffered a lot due to some small issues but thanks' to SAWO.

Accomplishments that we're proud of ๐Ÿ˜Ž

Making a project like this one in 2days and deploying it with DevOps practices was not an easy task for us, as we're not proficient in DevOps. But we managed to finish it with almost 95% accuracy as expected and we're definitely proud of it.

What we learned ๐Ÿ’ฏ

We've learned about technologies like Twilio, SAWO, and even some core concepts of ReactJS. I'd love to thanks Hack The League for making us learn new technologies.

What's next for story-books ๐ŸŽ‰๐ŸŽ‰

We've planned many features for our project like adding authentication to the entire application to provide it with better data abstraction, splitting the mapped component into different pages, etc.

story-books's People

Contributors

codingnightmare22 avatar gh-amanyadav avatar helper-uttam avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.