Introducing TypeTales
Tags: githubhack23
Published: 2023-05-18 00:38:40

## What I built 
I built a social media application where users can share stories in up to 500 characters. The application includes features such as story listing, liking stories, nested comments, following and unfollowing other users, trending stories and many more.

### Category Submission: 
Wacky Wildcard

### App Link
https://type-tales.vercel.app/

### Screenshots 

**_Home Page_**
![home page screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vhliwrm60pf970i8abqi.jpeg)

**_User Profile_**

![user Profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ed6zn2s8x1srbfpls8qg.jpeg)

**_Story Details_**


![story details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f84r9kg74y1xom3i2ezz.jpeg)

### Description 

This is a microblogging social media app, it's called TypeTales and it lets you share stories with the world in up to 500 characters. You can browse through different stories, like the ones you enjoy, leave comments and join the conversation and even follow or unfollow the authors. You can also see which stories are trending and get inspired by them. I built this application using React, Node.js, MongoDB, and Express. It was a fun and challenging experience, and I learned a lot along the way. I hope you enjoy using it as much as I enjoyed making it.


### Link to Source Code 

https://github.com/ankitdevelops/type-tales

### Permissive License 

 MIT license

## Background (What made you decide to build this particular app? What inspired you?) 

Currently I am learning MERN stack, so after learning the basics of it, I wanted to build something on my own. That's how I came up with this project idea. Then I saw the hackathon announcement blog and I felt really inspired to finish it. I'm proud of what I've built with this project. 

### How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?) 

I built this app using Expressjs for the backend and MongoDB with Mongoose ODM for the database. I deployed the backend and database on railway.app, which is a great platform for hosting Node.js applications. I deployed the frontend on vercel, which is another awesome service for web development. This app taught me a lot about writing controllers and complex queries in MongoDB using Mongoose ODM. I enjoyed working on this project. During the development of this application, I have not utilized GitHub actions but both railway and vercel support continuous deployment, so the app automatically gets deployed when new changes is made. 

**_Some of the Challenges I faced_**

- One of the most difficult challenges of developing this project was implementing the comment system with replies. 

- Building the follow/unfollow systems and writing queries for trending section was also quite challenging for me.


### Additional Resources/Info
**Tech Stack**
- MongoDB
- ReactJs
- ExpressJs
- NodeJs

### Conclusion
In conclusion, the development of TypeTales, my microblogging social media application, has been a rewarding and exciting journey that has allowed me to showcase my skills as a developer. Throughout this project, I faced challenges and learned valuable lessons that have further enhanced my knowledge and experience in web development and the MERN stack. Building TypeTales has provided me with a deeper understanding of React, Node.js, MongoDB, and Express. I have honed my skills in writing controllers, implementing complex queries with Mongoose ODM, and handling user interactions in a social media context. This project has given me the opportunity to apply my knowledge and creativity to create a unique and engaging platform for sharing stories.

**_Links_**

- GitHub: https://github.com/ankitdevelops/type-tales
- Live Web Page: https://type-tales.vercel.app/

**__Credentials__**
```
email: ankit@gmail.com
password: testing321
```