DEV Community

loading...

Project ideas for MERN stack dev

Nisha Srivastava
I endorse Kindness,Thanks.
・1 min read

I have done 1 project using MERN that was a simple url shortner and other I was trynna do was to pull data with apis and show on the site.
I need some project ideas that I'd be doing with MERN stack, comment down you ideas kind people.
Thanks in advance.

Discussion (17)

Collapse
chandelieraxel profile image
Chandelier Axel

Hey !

For a very basic project to get my hand dirty I would recommend a simple CRUD projects. (Based on .. Cats ? Racoons ? Up to you !)

If you want to go deeper and don't really feel to decide what kind of design your project should have nor what kind of features you should add, clone an already existing website. Twitter ? Dev.to ?

Here's some "intermediate" features that come to my mind :

  • Authentification (maybe through third-parties such as Google / Github ?)
  • Manage different roles within your project (Admins / Regular users)
  • Try to add some nice transitions effects (if CSS is your thing)

The important part is not to get bored of the project, which decisions about UI/UX tend to do IMO. (Unless that's what you like, then it's totally fine)

Collapse
yellowgem profile image
Nisha Srivastava Author

Thanks so much for the suggestions, I have zero idea about making clones but I'd explore that for sure, rn I want to do an intermiediate level project, and I'd keep your suggestions in mind for sure. Thanks again :D

Collapse
chandelieraxel profile image
Chandelier Axel

You welcome :D

Collapse
epranka profile image
Edvinas Pranka

Hi, I just released new free API service dev.to/epranka/app-airportdb-api...

For example you can create the app which let's the user to enter the airport ICAO code and show the airport information in styled way. It doesn't needs a very huge backend, but you should fetch airport database API from the server side to keep API token safe. Also you can find the airport weather API to show airport metar information too.

For weather I suggest to use: aviationweather.gov/
They have endpoint to fetch metar data of the airport:
aviationweather.gov/adds/dataserve...

Where &stationString=KJFK is airport ICAO code parameter.

If you create something with this API, let me now, I will feature it on airportdb.io

I hope I helped a little 😊

Collapse
yellowgem profile image
Nisha Srivastava Author

Thanks Edvinas, I'd do project of this kind only using APIs and yes sure I'll let you know

Collapse
kumohen profile image
Mohen Mondal

If you are intermediate level MERN stack developer then you can try this type of application for increasing your knowledge in this field.
1) E-commerce app
2) social media application like twitter, instragram
3) chat application
4) online quiz
5) hotel booking
6 ) blog
7) bookshelf

Collapse
yellowgem profile image
Nisha Srivastava Author

Noted, Thanks :)

Collapse
aonemd profile image
Kuroi Vimmer • Edited

Since you're working full-stack, you can clone any website you see. For example, clone stack overflow or Twitter. Of course, you can clone a subset of the features if cloning the entire thing is going to take a lot of time.

Collapse
yellowgem profile image
Nisha Srivastava Author • Edited

Thanks Kuroi, I'd clone sites after doing few intermediate projects.

Collapse
aheisleycook profile image
privatecloudev

Try making cloud apps

Collapse
yellowgem profile image
Nisha Srivastava Author

Noted, Thanks:)

Collapse
aheisleycook profile image
privatecloudev

aws and azure are good to knwo skills in this time.

Collapse
deepbb profile image
deepbb

Thank you for this post, as a newbie I have done a simple CRUD app using MERN stack and looking at other devs comments I have got some projects idea that I gonna try.

Collapse
tanzimibthesam profile image
Tanzim Ibthesam

Ecommerce Blog Chat app If you can even make ecommerce and chat I beleive its fine to land a job of entry level

Collapse
yellowgem profile image
Nisha Srivastava Author

Noted, thanks :)

Collapse
itays123 profile image
Itay Schechner

When I tried to master MERN, I had a pizza ordering website. github.com/itays123/pizza-awesome for reference.

Collapse
yellowgem profile image
Nisha Srivastava Author

Thanks for sharing:)