DEV Community

loading...
Cover image for Some projects to build your resume!

Some projects to build your resume!

commentme profile image Unnati Bamania Originally published at thesmartcoder.dev 惻Updated on 惻4 min read

Projects are the identity of every web developer. Every web developer must build some projects which should be there on resume so that the resume can stand out. Here are some projects that I've mentioned which can help you build your resume and will definitely get attracted to any company. Along with the projects I've also mentioned the features from basic to advanced which can impress any interviewer or company. So ensure that you've these projects listed on your portfolio using the tech stack you're most comfortable with.

1) Your portfolio website

This is best representation of your skills and designing sense. Make sure that the design you choose or build is attractive, unique and eye catchy. Your portfolio must contain some tricky and amazing animations. If possible you can also make a toggleable light and dark scheme types template.

Features

  • Swiper
  • Particlejs
  • Freepic & vectorstock
  • Some CSS animations for card and button

Some animation links.

check this

Alt Text

Alt Text

2) Blog Page

Blog page can be one of useful projects to develop your skills and a good beginner-intermediate project. You can also host it as your own blog page or convert it to a forum.

Features:

  • Authentication
  • Google or FB Oauth
  • Rich text editor for content
  • Post can be either text or photo or both
  • Multiple image upload
  • Upvote, downvote, comment on the post
  • Save posts which we want to
  • Like, edit, delete comment
  • Report facility, not very complex, if that post has more than x reports then delete it.
  • Follow unfollow user
  • Add tags and posts under them
  • Sort posts according to trends
  • Search bar with query params

Alt Text

3) Ecommerce

Ecommerce is the classic example which give developers a chance to build mini amazon. If someone wants to try online payment system then this is the best platform to do so. Along with that there are a lot of features which can implemented.

Features:

  • Authentication
  • Email verification or phone number verification
  • Authentication should contain roles admin, seller, buyer
  • Forgot password
  • Admin panel to keep watch on app
  • Buyer can add, delete, update products
  • Images of product display using light box
  • In stock/ out of stock feature
  • Generate user address using an API with the help of password entered by user
  • Discount feature
  • Add, remove from cart
  • History of user orders
  • Check while adding if out of stock or not
  • Payment option online/ offline
  • Filtering options on basis of price and other attributes
  • Rating item only if buyer buys it
  • Simple and appealing UI

Check this

Alt Text

4) Social Media

One of the popular project for resume. Its one of the favorite for most of the developers. It will have most the features and application that a web developer needs to implement.

Features

  • Very attractive and simple UI
  • Authentication using email & oauth
  • Email verification
  • Forgot password
  • CRUD operations on a post
  • Saving post
  • Like & comment on post
  • User can like the comment
  • Report some post, comment or user
  • Follow unfollow user
  • Make account private or public
  • Chat application using socket.io
  • Filtering posts based on likes, comments
  • Adding some new feature if possible
  • hashtag implementation

check this
code for the above app
Alt Text

5) Real Estate

If you are very curious to implement something related to maps then this project is for you. Every web developer must try this.
You can take inspiration from Housing.com and magicbricks.com

Features

  • Authentication with all above mentioned features
  • Dealer can add property and location as well
  • You can use google maps, location and other APIs for this.
  • Adding property should contain all the features
  • If possible can add a short video feature
  • Pagination for displaying properties
  • For user, authentication will be same as mentioned above with verification
  • Advanced filtering and sorting for user
  • Saving the property
  • Searching advanced filter or google maps or simply by entering location
  • Chat application using socket.io

Alt Text

Some other projects:

Resume builder app

You can make a web application which can make resume using templates. Build your own custom template. Some can be paid some for free.

E-Learning Platform

This is also one of the coolest projects to make your resume shine. You can add video lectures as an instructor. Make courses either paid or for free. You can use Amazon S3 cloud to store video. Use a heat map to target the progress of students who enroll in your course.

Simple chat application

If you want the basic and best implementation of socket.io then this is what you must build.

Web games

You can build various games as web application.
One of the classic example is Doodle Cricket
Doodle cricket

Reminder app

This app is very useful personal app. Specially for ones who're really forgetful. Setting reminder of any task at particular time.

There are a lot of other projects. Build something unique of your own and that will give you intense happiness and satisfaction. Try new stuff. May be it can lead to a new and successful start up or fetch you a tag of pro developer.
Alt Text

Discussion (52)

Collapse
nirberko profile image
Nir Berko

Also, it's a good thing to contribute to an open-source project to learn and improve your portfolio.

I've started an open-source project a few days ago so everyone is welcome to contribute (juniors and seniors are welcome) :)
github.com/veaos/veaos

Collapse
mdsardar profile image
Mohammed Sardar

Nice to know Nir. I would like to contribute to this project as well as I'm new to open source contribution. Do I've to know all the languages Typescript, JS and whatever being mentioned beneath Languages label? Where should I start an how to start ? Can someone here guide me please ? I'm jobless and keen to enrich my knowledge and wants to build some projects as being said in this thread. Thanks a lot.

Collapse
nirberko profile image
Nir Berko

Hey, you should have at least knowledge of programming with JavaScript. I think that if you have that, you can fastly learn TypeScript, React, node.js, and all other things required for this project.
you can download Veaos to your local machine and start by solving issues tagged with good first issue at Github (for now there is only one, but I'll add more today).
For any help, you can contact me via nirberko@gmail.com

Thread Thread
mdsardar profile image
Mohammed Sardar

Sure, thanks. I'm self learning ReactJS these days.. ES6 I'm bit familiar. I've been into java for 6.5 years. This will be a long term project ? Project has any timelines?

Thread Thread
nirberko profile image
Nir Berko

There are no timelines, its just for fun and to contribute to the community :)

Thread Thread
mdsardar profile image
Mohammed Sardar

Ok, Then will have good learning assured. Thanks Nir.

Thread Thread
nirberko profile image
Nir Berko

Coo, you are welcome to join the gitter i just opened, so you can get some help starting.
gitter.im/veaos-community/community

Thread Thread
mdsardar profile image
Mohammed Sardar

I could not reply back to you in gitter. Reached you through mail. Ty

Collapse
mdsardar profile image
Mohammed Sardar

Now I read here in GitBook "Veaos is an Q&A and knowledge mgmt platform...

Thread Thread
nirberko profile image
Nir Berko

there is not much in Gitbook yet, but it should be enough to guide you on how to run Veaos on your local machine

Collapse
mac09 profile image
Habeeb Mac-iver

Awesome Nir, but you have no current open issues on the repo

Collapse
nirberko profile image
Nir Berko

That's absolutely right, I'll open some issues and let you know!

Thread Thread
nirberko profile image
Nir Berko

I just added some interesting feature requests, you can check them out
github.com/veaos/veaos/issues

Thread Thread
mac09 profile image
Habeeb Mac-iver

I look forward to it

Thread Thread
mac09 profile image
Habeeb Mac-iver

Seen, i'll look into the first one probably this weekend.

Thread Thread
nirberko profile image
Nir Berko

cool! if you need any help you can reach me at Gitter: gitter.im/veaos-community/community

Collapse
ricardopaul profile image
Ricardo Paul

Hey Nir. I'm already watching the project on github, I'll make some contributions.

Collapse
nirberko profile image
Nir Berko

Amazing!
you are welcome to join our Gitter community:
gitter.im/veaos-community/community

Collapse
commentme profile image
Unnati Bamania Author

That's great!

Collapse
tabathaslatton profile image
TabathaSlatton

I love that you added potential features

Collapse
commentme profile image
Unnati Bamania Author

Thank you very much!

Collapse
jupiteris profile image
Jupiter Programmer

I love the Slider Animation. Thanks for your good post.

Collapse
commentme profile image
Unnati Bamania Author

You're welcome! There are lot of other JS animations available

Collapse
jupiteris profile image
Jupiter Programmer

Thanks for your kind response.
If you are a React.js developer, Which animation toolkit will you recommend?

-Jupiter

Thread Thread
commentme profile image
Unnati Bamania Author

It depends on what type of animation you want. There are a lot of React.js animation toolkit. Choose anyone according to your choice and requirement

Thread Thread
jupiteris profile image
Collapse
vinhnglx profile image
Vincent Nguyen

You can add two more project ideas, such as Bookme (Calendly clone) and Money Expense management.

My brother-in-law built a Bookme app so that the Head hunter can book him for the interview. This project helped him learn how to solve date-time problems

Collapse
commentme profile image
Collapse
imprimph profile image
Jaswanth

Thanks for the great content

Collapse
commentme profile image
Unnati Bamania Author

You're welcome! Will continue to write

Collapse
lindelof profile image
Collapse
alwinao profile image
Alwina Oyewoleturner

Thank you for sharing these ideas!!

Collapse
jdmukiibs profile image
JDMukiibs

Thanks for this post. Definitely getting some ideas and putting something together based off some of the items you mentioned here

Collapse
kievandres profile image
Kiev Andres

This is very useful. Thanks!

Collapse
realtoughcandy profile image
RealToughCandy.io

Nice list. I enjoyed the Real Estate project.

Collapse
commentme profile image
Unnati Bamania Author

Wow that's great!

Collapse
yashshah224 profile image
Yash Shah

Nice post šŸ‘. Got so many new ideas to make project

Collapse
commentme profile image
Collapse
nafiz469 profile image
nafiz469

Thanks for your great post

Collapse
commentme profile image
Unnati Bamania Author

You're welcome!

Collapse
robertseidler profile image
RobertSeidler

really nice list, with good amount of detail

Collapse
commentme profile image
Collapse
endrureza profile image
Endru Reza

Nice list.

Collapse
commentme profile image
Collapse
wombat74 profile image
Eddie G

Nice! Thanks for this!

Collapse
commentme profile image
Unnati Bamania Author

You're welcome

Collapse
andrewbaisden profile image
Andrew Baisden

Now those are some good ideas.

Collapse
commentme profile image
Unnati Bamania Author

Glad you liked them

Collapse
shwetabh1 profile image
Shwetabh Shekhar

Really useful. Thanks for sharing!

Collapse
commentme profile image
Unnati Bamania Author

Thank you very much!

Collapse
sharu725 profile image
Forem Open with the Forem app