Top 5 Frontend Projects with Resources to get placement |  Projects for final year students

Top 5 Frontend Projects with Resources to get placement | Projects for final year students

5 Frontend Projects to Boost Your Resume

In this video, the speaker discusses five frontend projects that can help boost your resume and increase your chances of getting a job. The speaker shares resources for each project and encourages viewers to learn from them rather than copying them.

Frontend Code Editor

  • A code editor is a tool used to write and run code.
  • A good resource for building a frontend code editor is the "How to Build CodePen with React" video by Web Dev Simplified.
  • When building this project, it's important not to copy but instead focus on learning and implementing new skills.

Video Streaming Platform

  • Building a video streaming platform like YouTube involves creating a homepage with different videos, adding functionality such as pop-out images when hovering over thumbnails, and including features like likes, comments, descriptions, and recommendations.
  • Two good resources for building an end-to-end YouTube clone are the "Let's Build a YouTube Clone" video by Clever Programmer (3.5 hours long) and the "Fully Functional Youtube Clone" video by Backbench Coder (longer).
  • Firebase is a helpful backend-as-a-service tool that can be used when building frontend projects.

Interactive Portfolio

  • Building an interactive portfolio as a developer can be more impressive than just having a resume.
  • A good example of an animated portfolio is available in the description of the video.
  • Breaking down information into different levels such as education background, work experience, etc., can make portfolios more effective.

E-commerce Website

  • An e-commerce website involves creating product pages with images and descriptions, adding shopping cart functionality, integrating payment gateways like PayPal or Stripe, etc.
  • A good resource for building an e-commerce website is the "Build an Ecommerce Website with React and Redux" video by Coding Addict.

Social Media Platform

  • Building a social media platform involves creating user profiles, adding features like posts, comments, likes, and shares, implementing real-time updates using web sockets or Firebase, etc.
  • A good resource for building a social media platform is the "Build a Social Network with React" video by Clever Programmer.

Conclusion

  • Building these frontend projects can help boost your resume and increase your chances of getting a job.
  • It's important to focus on learning rather than copying when building these projects.

Introduction

The speaker introduces the topic of creating a portfolio and shares resources to help with the process.

Creating a Portfolio

  • Basic details should be included in a portfolio.
  • Resources for creating a portfolio include links to web developers' portfolios and Clever Programmer's "Build a Modern Portfolio" video.
  • Viewers can click on the portfolios shared to see which ones they find interesting.
  • Typescript is recommended over Javascript when building frontend projects.

Building Social Media Applications

The speaker discusses how to build social media applications and shares resources for learning how to do so.

Instagram Clone

  • Building an Instagram clone using React, Tailwind, and Firebase is recommended as a good resource for learning how to build social media applications.
  • The Clever Programmer's "How to Build an Instagram Clone Using React JS" video is also recommended as another resource for learning how to build an Instagram clone.
  • Features that can be implemented in an Instagram clone include authentication, real-time data changes, notification boxes, and thread-like features.

Resume Builder/Food Ordering App

The speaker discusses two project ideas: building a resume builder app and building a food ordering app.

Resume Builder App

  • A resume builder app allows users to input their skills, experience, and projects into the app and download their resume in PDF format.
  • A GitHub link is shared as a resource for learning how to make a resume builder app.

Food Ordering App

  • The Lama Dev food ordering app is recommended as a good resource for learning how to build a food ordering app.
  • Viewers are encouraged to like and subscribe to the video if they found it helpful.