
Top 5 Frontend Projects with Resources to get placement | Projects for final year students
Hi, In this video I am talking about 5 frontend projects that can get you job in 2023. Even if you do 2-3 projects from these your chances of getting job will increase. Resources https://www.youtube.com/watch?v=wcVxX7lu2d4 https://www.youtube.com/watch?v=NT299zIk2JY https://www.youtube.com/watch?v=Mos5QJAje28 https://www.youtube.com/watch?v=Ym6RYyRBPaA https://www.youtube.com/watch?v=bmpI252DmiI https://www.youtube.com/watch?v=f7T48W0cwXM https://www.youtube.com/watch?v=mDgEqoQUBgk https://www.youtube.com/watch?v=vIxGDq1SPZQ Github Link - https://github.com/girishgr8/Resume-Builder Prateek bhaiya's resume - http://www.prateeknarang.com/ Timestamps 0:22 - Project 1 explanation 1:41 - Project 1 resource 2:22 - Project 2 explanation 3:39 - Project 2 resource 4:46 - Extra features for project 2 5:24 - Project 3 explanation 5:45 - Project 3 examples 8:01 - Project 3 resources 9:22 - Project 4 explanation 9:35 - Project 4 learnings 10:30 - Extra features for Project 4 11:20 - Project 5 explanation 12:00 - Project 5 resources 12:15 - Last extra project Instagram: https://www.instagram.com/anshikagupta111 LinkedIn: https://www.linkedin.com/in/anshikagpt/ Mic used for recording: https://amzn.to/3sEJM2q Lights used in the video: https://amzn.to/3kfGzSP The laptop used for editing: https://amzn.to/3j2mQGW The phone used for recording: https://amzn.to/3sDsgLD
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.