Some projects to build your resume!
Tags: projectbenatar, javascript, webdev, react
Published: 2021-01-18 13:14:43


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](https://youtu.be/EZqhWu8GJ6U).
* [Card animation](https://youtu.be/8b2mTq0Xrtw).
* [Card animation](https://youtu.be/Q22Tli-D4mw).
* [Button animation](https://youtu.be/cH0TC9gWiAg).
* [Button animation](https://youtu.be/CMgl_etzlTI).
* [Parallax Effect](https://youtu.be/TawH-AqHTXc).
* [JS animation libraries](https://www.codeinwp.com/blog/best-javascript-animation-libraries/)

[check this](https://www.youtube.com/watch?v=sN93DRYkCO8)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yhjr9bw4ed7kccnt9fp4.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/903pttez8ohvjrdm0q8q.png)

##**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](https://dev-to-uploads.s3.amazonaws.com/i/6z6aqtqbx45vp9hb4hgy.png)

##**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](https://www.udemy.com/course/mern-ecommerce/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cvh1sar62ue2w7om8jp2.png)

##**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](https://www.instaclone.net/login)
[code for the above app](https://github.com/Sandermoen/instaclone)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0nyp6jhj77s1mjvr4l0j.png)

##**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](https://housing.com/) and [magicbricks.com](https://www.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](https://dev-to-uploads.s3.amazonaws.com/i/e6bq655lgss9tcrcxnvz.png)


#**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](https://doodlecricket.github.io/)

###**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](https://dev-to-uploads.s3.amazonaws.com/i/84zt6id8j5hahxc5jip1.png)