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.
- Card animation.
- Card animation.
- Card animation.
- Button animation.
- Button animation.
- Parallax Effect.
- JS animation libraries
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
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
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
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
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.
Top comments (51)
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
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.
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 issueat Github (for now there is only one, but I'll add more today).For any help, you can contact me via
nirberko@gmail.comSure, 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?
There are no timelines, its just for fun and to contribute to the community :)
Ok, Then will have good learning assured. Thanks Nir.
Coo, you are welcome to join the gitter i just opened, so you can get some help starting.
gitter.im/veaos-community/community
I could not reply back to you in gitter. Reached you through mail. Ty
Now I read here in GitBook "Veaos is an Q&A and knowledge mgmt platform...
there is not much in Gitbook yet, but it should be enough to guide you on how to run Veaos on your local machine
Awesome Nir, but you have no current open issues on the repo
That's absolutely right, I'll open some issues and let you know!
I just added some interesting feature requests, you can check them out
github.com/veaos/veaos/issues
I look forward to it
Seen, i'll look into the first one probably this weekend.
cool! if you need any help you can reach me at Gitter: gitter.im/veaos-community/community
Hey Nir. I'm already watching the project on github, I'll make some contributions.
Amazing!
you are welcome to join our Gitter community:
gitter.im/veaos-community/community
That's great!
I love that you added potential features
Thank you very much!
I love the Slider Animation. Thanks for your good post.
You're welcome! There are lot of other JS animations available
Thanks for your kind response.
If you are a React.js developer, Which animation toolkit will you recommend?
-Jupiter
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
Thank you!
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
Amazing!
Thanks for the great content
You're welcome! Will continue to write
github.com/wonderfullandingpage/ex...
Thank you for sharing these ideas!!
Thanks for this post. Definitely getting some ideas and putting something together based off some of the items you mentioned here
This is very useful. Thanks!
Nice list. I enjoyed the Real Estate project.
Wow that's great!