Project ideas for MERN stack dev

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)

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

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 😊

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.

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.

Try making cloud apps

I recon you want a project that should sharp your skills in mern stack along with give you some clarence on important topics. I suggest you to create a simple to do app. Than you can make it as complex as you like. For example

1. Use crud operations. This will teach you to take inputs, add to the array and show output.
2. Add status to the to do if its done or pending using toggle btn, svg what what ever you like.
3. Create a textbox that include doc features like bold, italic, underline, strike, coloring, font style, list, bullets' and what note.
4. Manage state using redux. Thats optional still if you what to learn redux you can apply on it.
5. Create a global search component and apply conditional rendering, create filter component, or autocomplete. This will give you clearance on topics like props, components and how to separate logic from component for the reusability of components.
6. That you can authenticate the app so that only verified user can use the app. This all can be done by node or express only. So you get the clearance on that also.
7. To use auth you need a db also. you will get your hands dirty with mongo.
8. After this you can manage view model by role base. What permissions to give user for view and crud operations.
9. Create apis and connect db for data calls.
10. You can also use this data to connect to another app like calendar app to schedule task on calendar then create notifications and send the user to notify them and give control of notifications to the user.

So you can make a quite impressive app and can learn progressively at the same time. Lastly you can add widgets to your app. Convert them to npm packages
and use globaly.

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

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

Here it's dev.to/johongirr/10-mern-project-i...